Module not found: Error: Can’t resolve ‘popper.js’ ….错误解决办法

引入bootstrap后,webpack打包报错

Module not found: Error: Can't resolve 'popper.js' ....

这是因为使用webpack打包bootstrap4的时候,需要手动安装jquerypopper.js

npm install bootstrap@4.0.0-beta -D
npm install jquery -D
npm install popper.js -D

webpack如下配置即可

plugins: [
    ...
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery',
        Popper: ['popper.js', 'default'],            
        ...
      })
    ...
  ]

以上解决方案来自:https://stackoverflow.com/questions/45660672/webpack-fails-to-load-bootstrap-v4-0-0-beta

如果您觉得本文对您有用,欢迎捐赠或留言~
微信支付
支付宝

发表评论

您的电子邮箱地址不会被公开。