gpt4 book ai didi

ruby-on-rails - rails : Install and configure bootstrap on rails 6

转载 作者:行者123 更新时间:2023-12-04 01:35:37 28 4
gpt4 key购买 nike

如何使 Bootstrap 在 rails 6 中的自定义布局上工作

我已经使用 yarn add bootstrap jquery popper.js 命令安装了 bootstrap 并配置了我的 ..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';

一切正常,但是当我创建另一个布局文件时,布局没有导入 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 布局文件中。

如何解决问题

最佳答案

你需要改变

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

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

关于ruby-on-rails - rails : Install and configure bootstrap on rails 6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59707245/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com