使用webpack

Question

我想在我的main.ts中包含bootstrap，以便在_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");

我在控制台输出中出现错误

  

错误：Bootstrap下拉列表需要Popper.js（https://popper.js.org）

我安装了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-script错误：

   ./node_modules/bootstrap/dist/js/bootstrap.js中的错误模块没有   发现：错误：无法解决＆＃39; popper.js＆＃39;在   ＆＃39; d：\项目\ TestApp \ TestApp.Web \ node_modules \自举\ DIST \ JS＆＃39; @   ./node_modules/bootstrap/dist/js/bootstrap.js 1：0-20 @ ./app/main.ts

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

Answer 1

似乎我需要popper.js，而不是popper。 所以要解决它：

npm install popper.js