Bootstrap 下拉菜单不适用于 rails

Question

我正在使用 Rails 6.1.3.2 并尝试配置 Bootstrap。 Dropdown 不适用于我的引导导航栏组件。我做了以下步骤

1. 纱线添加 bootstrap@4.3.1 jquery popper.js

2. 我的 config/webpack/environment.js 文件看起来像这样

   const { environment } = require('@rails/webpacker')
   const webpack = require("webpack")
   environment.plugins.append("Provide", new webpack.ProvidePlugin({
   $: 'jquery',
   jQuery: 'jquery',
   波普尔：['popper.js'，'默认']
   }))
   module.exports = 环境

3. 我的 app/javascript/packs/application.js 文件看起来像这样

   从“@rails/ujs”导入 Rails
   从“turbolinks”导入Turbolinks
   import * as ActiveStorage from "@rails/activestorage"
   导入“频道”

   Rails.start()
   Turbolinks.start()
   ActiveStorage.start()

   导入“引导程序”

我的日志中出现以下错误

<块引用>

./app/javascript/packs/application.js 中的错误 找不到模块：错误：无法解析“D:\RoR\my_blog\app\javascript\packs”中的“@popperjs/core” @ ./app/javascript/packs/application.js 13:0-24

<块引用>

./node_modules/bootstrap/dist/js/bootstrap.esm.js 中的错误 找不到模块：错误：无法解析“D:\RoR\my_blog\node_modules\bootstrap\dist\js”中的“@popperjs/core” @ ./node_modules/bootstrap/dist/js/bootstrap.esm.js 58:0-41 2254:19-25 2277:23-42 3950:15-21 4090:23-42 @ ./app/javascript/packs/application.js

不确定我遗漏了哪一部分。我应该添加其他东西吗？请帮忙。

TIA