場景:在VUE項目中,需要用到橫向滾動條,在引入MUI相關的組件后,模板中的代碼如下
在控制台中報錯
報錯內容說的是在嚴格模式下(strict mode)類型錯誤
經過推測,覺得可能是mui.js中用到了‘caller’,'callee','arguments'東西,但是,webpack打包好的bundle.js中,默認是啟用嚴格模式的,所以,這兩者沖突了
解決方案:
1.把mui.js中的非嚴格模式的代碼改掉,但是去操作mui不現實
2.把webpack打包時候的嚴格模式禁用掉
2.1在控制台安裝插件
cnpm install babel-plugin-transform-remove-strict-mode -D
2.2使用方法
如果使用的是.babelrc插入“plugins”:["transform-remove-strict-mode"]
如果使用的是CLI插入 “$ babel --plugins transform-remove-strict-mode script.js”
如果使用的是Node API 則插入"require("babel-core").transform("code",{plugin:["transfomr-remove-strict-mode"]})"
打開頁面拉動橫向滾動條,控制台報錯
解決辦法: