不要在Ruby on Rails 6中连接Bootstrap 4和jQuery

Question

已安装Bootstrap 4和jQuery，在DevTools中出现错误

阶段安装：

1-执行了控制台命令x = NA

2-在文件config / webpack / environment.js中添加

yarn add bootstrap@4.3.1 jquery popper.js

3-在文件app / javascript / packs / application.js中添加

const {environment} = require ('@ rails / webpacker')

const webpack = требуется ('webpack')
environment.plugins.append ('Обеспечить', новый webpack.ProvidePlugin ({
  $: 'jquery',
  JQuery: 'jquery',
  Popper: ['popper.js', 'default']
}))

module.exports = environment

4-创建文件夹app / javascript / packs / stylesheets和创建文件application.scss，并在其中import 'bootstrap' import '../stylesheets/application.scss'

写入

启动服务器后，在开发人员面板中出现以上错误

使用过的导轨6，ruby 2.6.3，windows 10

我的gemfile：

@import '~bootstrap/scss/bootstrap';

Answer 1

我看到了一些潜在的问题...

1. 在config/webpack/environment.js ... JQuery: 'JQuery'中应为JQuery: 'jquery'以匹配库名。

2. 在app/javascript/packs/application.js中，您有...

   import './stylesheets/application.scss'

   这应该是上一级的，因此请尝试将其移动到新目录...

   app/javascript/stylesheets/application.scss

   并将其更改为

   import '../stylesheets/application.scss'

Answer 2

您应该签出this tutorial as an example。

config/webpack/environment.js 应该是这样的：

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

更新配置后，重新启动服务器。