[RUBY] J'ai mis Bootstrap dans Rails6. (Gestion des Sprockets :: Rails :: Helper :: AssetNotPrecompiled)

Ajouté à Gemfile

Gemfile


gem 'uglifier'
gem 'jquery-rails'
gem 'bootstrap'
bundle install

Assurez-vous que le fichier JS est compressé dans l'environnement de production.

/config/environments/production.rb


config.assets.js_compressor = :uglifier

Créez un répertoire: javascripts sous assets, créez un nouveau fichier application.js et ajoutez-le.

app/assets/javascripts/application.js


//= require jquery3
//= require popper
//= require bootstrap

Renommez application.css sous les feuilles de style en application.scss et ajoutez.

app/assets/stylesheets/application.scss


@import "bootstrap";

Charger dans la mise en page

html:app/views/layouts/application.html.erb


<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

Dans le cas de mon environnement, j'ai eu une erreur disant Sprockets :: Rails :: Helper :: AssetNotPrecompiled, donc je l'ai ajouté.

config/initializers/assets.rb


Rails.application.config.assets.precompile += %w( application.js )

Vous avez maintenant confirmé que Bootstrap a été appliqué.

スクリーンショット 2020-11-15 12.49.07.png

Recommended Posts

J'ai mis Bootstrap dans Rails6. (Gestion des Sprockets :: Rails :: Helper :: AssetNotPrecompiled)
Activer jQuery et Bootstrap dans Rails 6 (Rails 6)
[Rails 6] Personnaliser Bootstrap dans l'environnement Rails + Bootstrap 5.0.0-alpha
Où je suis resté coincé dans le "tutoriel sur les rails" d'aujourd'hui (08/10/20)
J'ai essayé d'organiser la session en Rails
Où je suis resté coincé dans le "tutoriel des rails" d'aujourd'hui (05/10/2020)
Où je suis resté coincé dans le "tutoriel des rails" d'aujourd'hui (06/10/20)
Où je suis resté coincé dans le "tutoriel sur les rails" d'aujourd'hui (04/10/20)
Où je suis resté coincé dans le "tutoriel sur les rails" d'aujourd'hui (07/10/20)