您好我正在使用带有ruby on rails的webpacker运行我的应用程序。 我试图弄清楚为什么我使用的导航栏没有打开。它总是没有造型。如图所示:
我正在使用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
。手动更改开发人员控制台中的类后。我找到了这个视图(没有样式):