美文网首页ES6
vue-cli 3.0 项目启动报错

vue-cli 3.0 项目启动报错

作者: 杰先森s | 来源:发表于2020-04-01 11:09 被阅读0次

    报警信息:

    Cannot assign to read only property 'exports' of object '#<Object>'

    问题原因:

    vue-cli 3.0 版本默认禁止了 commonjs 语法,在开发项目时,module.exports为undefined,导致第三方js无法引用

    解决方案:

    可以使用 babel 插件解决

    1. 装插件:
      yarn add @babel/plugin-transform-modules-commonjs -D

      npm install --save-dev @babel/plugin-transform-modules-commonjs

    2. 编辑 babel.config.js

    module.exports = {
      presets: ['@vue/app'],
      plugins: [
        [
          '@babel/plugin-transform-modules-commonjs',
          {
            allowTopLevelThis: true
          }
        ]
      ]
    }
    
    

    相关文章

      网友评论

        本文标题:vue-cli 3.0 项目启动报错

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