vue移除严格模式不生效问题

  • 环境:使用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"]
}

你可能感兴趣的:(vue移除严格模式不生效问题)