webpack - 使用 webpack 时的 Bootstrap popper 问题

我想将 bootstrap 包含到我的 main.ts 中，以便在 _Layout.cshtml 中我不需要写

<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>

走吧

<script src="~/bundle/bundle.js" asp-append-version="true"></script>

当我像这样在 main.ts 中添加 bootstrap (4.0.0-beta)时:

require("bootstrap");

我在控制台输出中收到错误消息



我安装了popper:

npm install popper

并将它添加到插件部分，所以它看起来像

plugins: [
            new CleanWebpackPlugin([bundleFolder]),
            new webpack.ProvidePlugin({
                $: node_dir + "/jquery",
                jQuery: node_dir + "/jquery",
                'window.$': node_dir + '/jquery',
                Popper: ['popper.js', 'default']
            })
        ]

但是又出现了另一个 webpack 脚本错误:



目前我不知道如何修复它。

最佳答案

看来我需要 popper.js，而不是 popper。
所以要修复它:

npm install popper.js

关于webpack - 使用 webpack 时的 Bootstrap popper 问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46105807/