- 环境:使用vue-cli构建的项目
- 使用方法参考
- 问题:使用
mui
组件时引入mui.js
时用到caller
,calee
,arguments
,与webpack
打包好的bundle.js
(默认启用严格模式)发生冲突,所以引用插件配置移除严格模式,但不生效
++ 步骤1、安装插件cnpm i babel-plugin-transform-remove-strict-mode -D
++ 步骤2、在项目.babelrc
文件中的plugins
字段中配置 transform-remove-strict-mode
,如下
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime","transform-remove-strict-mode"]
}
-
结果
无任何效果,还是报错
image.png
-
解决方案
经过排查发现,是.babelrc
文件中plugins
字段中 "transform-runtime"
这个值造成的,直接移除就好
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-remove-strict-mode"]
}
网友评论