美文网首页
vue cli3 babel7 配置 移除严格模式插件

vue cli3 babel7 配置 移除严格模式插件

作者: 厚脸皮的书 | 来源:发表于2019-08-29 16:49 被阅读0次

    报错信息:

    Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

    出现这个问题的原因,是在引用mui中的mui.js文件时报的错误,由于在webpack中,采用的时严格模式,而mui.js用了非严格模式的写法。

    解决方法:

    • 1.把mui.js里面的内容改成严格模式,但这不可能,毕竟我们要引用他们。
      1. 只能把webpack改为非严格模式了

    安装:

    cnpm i babel-plugin-transform-remove-strict-mode -D
    

    在.babelrc中进行配置:

    plugins: [
            "transform-remove-strict-mode"  //配置插件,这里很重要
    ]
    

    就解决了。

    ......
    然鹅,
    启动项目npm run serve 报错

    Module build failed (from ./node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js):
    TypeError: this.setDynamic is not a function

    原因:vue项目用的是最新的babel7版本,在.babel.config.js中使用的还是之前的插件.babel7之后的插件一般都是以@babel开头的,下载新版的babel安装包之后再运行就可以了

    安装改为

    cnpm i @babel/plugin-transform-modules-commonjs @babel/plugin-transform-strict-mode -D
    

    在babel.config.js中进行配置(vue-cli3 中 没有.babelrc文件)

    plugins: [
        ["@babel/plugin-transform-modules-commonjs", { "strictMode": false }]
    ],
    

    相关文章

      网友评论

          本文标题:vue cli3 babel7 配置 移除严格模式插件

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