想用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版权协议,转载请附上原文出处链接和本声明。