webpack 4移除严格模式,解决引入mui.js报错

想用MUI的滑动组件,引入了 mui.js 报严格模式相关的错,因为组件里面有不严格模式,用而webpack打包默认使用严格模式,所以需要取消webpack的严格模式(毕竟把第三方组件改成严格模式更麻烦)

报错信息

在这里插入图片描述

解决办法

  • 下载
    @babel/plugin-transform-modules-commonjs@babel/plugin-transform-strict-mode
npm install -D @babel/plugin-transform-modules-commonjs @babel/plugin-transform-strict-mode
  • 修改 webpack.config.js,在 module.routes里对js文件的匹配选项中添加插件
["@babel/plugin-transform-modules-commonjs", { "strictMode": false }]

在这里插入图片描述

  • 重启服务 npm run dev

其他

  • 其实babel相关的配置可以放在 .babelrc 配置文件里,但解决这个问题的时候,同样的插件写法写在 .babelrc 里就没有起作用,这个问题我得继续测试测试。
  • 我刚开始引入 mui.js 的时候,提醒 mui.js 中没有暴露接口,我在里面用 exports.mui=mui 暴露之后,提示 “mui is not a function”,这个问题我最后是换了一个 mui.js 文件就好了。我看见有资料说官方下载的mui文件,里面的examples用的js是有区别的。
  • 好像还有一点,但我突然想不起来了要说啥,先占个坑

版权声明:本文为H_xiang_xiang原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。