vue-cli 3.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
      }
    ]
  ]
}

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