使用webpacker应用程序无法在我的rails上使用bootstrap navbar

时间:2018-05-01 14:05:35

标签: ruby-on-rails twitter-bootstrap webpack webpacker

您好我正在使用带有ruby on rails的webpacker运行我的应用程序。 我试图弄清楚为什么我使用的导航栏没有打开。它总是没有造型。如图所示: enter image description here

我正在使用here

中的导航栏

这是environment.js的{​​{1}}个文件: 我已使用webpacker安装了bootstrap

yarn

我可以让jquery在我的应用上工作。但是bootstrap没有加载到我的应用程序中。如何在不需要任何地方的情况下使用bootstrap全局?可能吗?如果没有,我将如何在一个地方需要它并在任何地方使用它?它在const { environment } = require('@rails/webpacker') const webpack = require('webpack') const path = require('path') environment.use = [ { loader: 'sass-loader', options: { "includePaths": [ path.resolve(__dirname, 'node_modules'), path.resolve(__dirname, 'src') ] } },{ loader: 'resolve-url-loader', options: { attempts: 1 } } ] environment.plugins.prepend( 'Provide', new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', jquery: 'jquery', 'window.jQuery': "jquery", Tether: 'tether', Popper: ['popper.js', 'default'] }) ) module.exports = environment; 档吗?

我看到我使用的导航栏始终被视为移动视图。 application.js类应该处于崩溃状态,但它所拥有的类是navbar-toggle collapse。在网络视图上也是如此。 Web视图中使用的navbar-toggle collapsed类应为navbar-collapse collapsed,但它具有类collapsed。手动更改开发人员控制台中的类后。我找到了这个视图(没有样式): enter image description here

0 个答案:

没有答案