美文网首页
vue移除严格模式不生效问题

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

作者: Jure_joe | 来源:发表于2020-06-11 10:19 被阅读0次
    • 环境:使用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移除严格模式不生效问题

          本文链接:https://www.haomeiwen.com/subject/vlivtktx.html