rails s でSass::SyntaxError

サイト作成中にrails sで結果を確認しようとしたところSass::SyntaxErrorとなりました。
エラー内容について調べてみたところ、二つ解決を方法が見つかり両方試してみましたが特に変化はありませんでした。
・protospaceというのをimportに追加
・AWSのダッシュボードにあるインスタンスから動かしているものを見つけて再起動

どなたか解決方法を知っている方がいましたら教えていただけると幸いです。
!明](f437d4956d3cd59b5d1f8174530aeb39.png)

Gemfile
1source 'https://rubygems.org'
2
3gem 'rails',        '5.1.6'
4gem 'bootstrap', '~> 4.1.1'
5gem 'puma',                 '3.9.1'
6gem 'sass-rails',   '5.0.6'
7gem 'uglifier',     '3.2.0'
8gem 'coffee-rails', '4.2.2'
9gem 'jquery-rails', '4.3.1'
10gem 'turbolinks',   '5.0.1'
11gem 'jbuilder',     '2.7.0'
12gem 'therubyracer',  platforms: :ruby
13
14group :development, :test do
15  gem 'sqlite3', '1.3.13'
16  gem 'byebug',  '9.0.6', platform: :mri
17end
18
19group :development do
20  gem 'web-console',           '3.5.1'
21  gem 'listen',                '3.1.5'
22  gem 'spring',                '2.0.2'
23  gem 'spring-watcher-listen', '2.0.1'
24end
25
26group :test do
27  gem 'rails-controller-testing', '1.0.2'
28  gem 'minitest',                 '5.10.3'
29  gem 'minitest-reporters',       '1.1.14'
30  gem 'guard',                    '2.16.2'
31  gem 'guard-minitest',           '2.4.4'
32end
33
34group :production do
35  gem 'pg', '0.20.0'
36end
37
38# Windows環境ではtzinfo-dataというgemを含める必要があります
39gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
40コード

application
1/*
2 * This is a manifest file that'll be compiled into application.css, which will include all the files
3 * listed below.
4 *
5 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
6 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
7 *
8 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
10 * files in this directory. Styles in this file should be added after the last require_* statement.
11 * It is generally better to create a new file per style scope.
12 *
13 *= require_tree .
14 *= require_self
15 */
16
17@import "bootstrap-sprockets";
18@import "bootstrap";
19@import "protospace";
20コード

index
1<!DOCTYPE html>
2<html>
3  <head>
4    <%= stylesheet_link_tag 'application', media: 'all','data-turbolinks-track' => true %>
5    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
6    <%= csrf_meta_tags %>
7    <%= render 'layouts/shim' %>
8  </head>
9  <body>
10    <div class="container">
11      <%= yield %>
12    </div>
13  </body>
14</html>
15
16<%= button_to 'TWEET', {:action => "new"}, {:method => :get}  %>
17
18コード

行動規範の内容に同意します

回答1件

自己解決

ヘッダーに下記記載を追加したら動くようになりました
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

javascriptに書いていた@importの一部をヘッダーで読み込むようにした感じです

投稿2020/11/20 00:27

morimoriservice

総合スコア23