Rails：在 rails 6 上安装和配置引导程序答案

【问题标题】：Rails: Install and configure bootstrap on rails 6Rails：在 rails 6 上安装和配置引导程序
【发布时间】：2020-04-29 14:42:37
【问题描述】：

如何让 bootstrap 在 rails 6 中的自定义布局上工作

我已经使用yarn add bootstrap jquery popper.js 命令安装了引导程序，并将..app/config/webpack/environment.js 配置如下。

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
environment.plugins.append('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    Popper: ['popper.js', 'default']
  })
)

module.exports = environment

..app/javascript/packs/application.js

...

    import 'bootstrap'
    import "../stylesheets/application"

..app/javascript/stylesheets/application.scss

@import '~bootstrap/scss/bootstrap';

一切正常，但是当我创建另一个布局文件时，布局没有导入引导库。

..layout/visitor.html.erb

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

bootstrap 库未在此 visitor.html.erb 布局中加载，它仅在 application.html.erb 布局文件中加载。

如何解决问题

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap webpack

【解决方案1】：

你需要改变

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

到

<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>

【讨论】：

我已经更改了<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>，但仍然无法使用
不在visitor.html.erb 但我的意思是在application.html.erb
@foliwe83 你的投票让我再试一次 :) 。但最终工作。
对不起