Q&A
> bootstrapを導入後に
どのように導入しようとしましたか？（導入方法はいくつも考えられます）
rails 初心者です。
bootstrapを導入後にrails s でブラウザ表示させようと思ったのですが
ここでエラーが発生。原因がわからず試行錯誤して3時間程経ってしまいお手上げ状態です。
どなたかわかる方教えていただけたら助かります。よろしくお願い致します。
エラー内容
rails
1Sass::SyntaxError in Devise::Registrations#new 2Showing /home/ec2-user/environment/travel_memory/app/views/layouts/application.html.erb where line #8 raised: 3 4File to import not found or unreadable: bootstrap. 5Load paths: 6 /home/ec2-user/environment/travel_memory/app/assets/config 7 /home/ec2-user/environment/travel_memory/app/assets/images 8 /home/ec2-user/environment/travel_memory/app/assets/javascripts 9 /home/ec2-user/environment/travel_memory/app/assets/stylesheets 10 /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/coffee-rails-4.2.2/lib/assets/javascripts 11 /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/actioncable-5.2.6/lib/assets/compiled 12 /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/activestorage-5.2.6/app/assets/javascripts 13 /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/actionview-5.2.6/lib/assets/compiled 14 /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/turbolinks-source-5.2.0/lib/assets/javascripts 15 /home/ec2-user/environment/travel_memory/node_modules 16 17 18Extracted source (around line #17): 1915 */ 2016 @import "bootstrap";
追記：以下の手順でbootstrapを導入しました。
以下のGemfileを導入後、
gem 'bootstrap', '~> 4.5' gem 'jquery-rails'
application.scssに拡張子を変更して、
application.scssに@import "bootstrap";を記載しました。
その後、app/assets/javascripts/application.jsに記載しました。
//= require jquery3 //= require popper //= require bootstrap-sprockets
その後、rails sをすると先程は問題なく作動していたブラウザにエラーが出てくるようになりました。
失礼致しました。
以下のGemfileを導入後、
```
gem 'bootstrap', '~> 4.5'
gem 'jquery-rails'
```
application.scssに拡張子を変更して、
application.scssに@import "bootstrap";を記載しました。
その後、app/assets/javascripts/application.jsに記載しました。
```
//= require jquery3
//= require popper
//= require bootstrap-sprockets
```
その後、rails sをすると先程は問題なく作動していたブラウザにエラーが出てくるようになりました。
> 以下のGemfileを導入後
bundle installはきちんと行いましたか？
bundle installも実行しております。
あなたの回答
tips
プレビュー
