ES6

vue-cli 3.0 项目启动报错

2020-04-01  本文已影响0人  杰先森s

报警信息:

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
      }
    ]
  ]
}

上一篇下一篇

猜你喜欢

热点阅读