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"]
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。