webpack打包vue项目报错:Cannot assign to read only property ‘exports‘ of object

简介: webpack打包vue项目报错:Cannot assign to read only property ‘exports‘ of object

打包时报错

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

原因

webpack 2中不允许混用import和module.exports


解决方法

安装插件

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

插件地址:https://babeljs.io/docs/en/babel-plugin-transform-modules-commonjs#via-babelrc-recommended


增加配置 babel.config.js


{
  plugins: ['@babel/plugin-transform-modules-commonjs']
}

参考

Cannot assign to read only property ‘exports’ of object 解决办法

相关文章
|
缓存 前端开发 JavaScript
Webpack 打包的基本原理
【10月更文挑战第5天】
|
前端开发 JavaScript
ES6模块化和webpack打包
【10月更文挑战第5天】
|
缓存 前端开发 JavaScript
深入了解Webpack:模块打包的革命
【10月更文挑战第11天】深入了解Webpack:模块打包的革命
|
缓存 前端开发 JavaScript
Webpack技术深度解析:模块打包与性能优化
【10月更文挑战第13天】Webpack技术深度解析:模块打包与性能优化
|
前端开发 JavaScript 开发者
深入了解Webpack:现代JavaScript应用的打包利器
【10月更文挑战第11天】 深入了解Webpack:现代JavaScript应用的打包利器
|
JSON JavaScript 前端开发
一周精通Vue(三)webpack、代码抽离
vue、webpack、webpack打包、webpack核心、webpack配置、webpack配置文件、webpackloader如何配置、vue代码抽离过程、.js文件如何转为.vue文件
12179 0
|
JavaScript
Vue中如何实现兄弟组件之间的通信
在Vue中,兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线,大型项目建议使用Pinia等状态管理工具,确保数据流清晰可控,避免内存泄漏。
958 2
|
缓存 JavaScript
vue中的keep-alive问题(2)
vue中的keep-alive问题(2)
856 137
|
人工智能 JavaScript 算法
Vue 中 key 属性的深入解析:改变 key 导致组件销毁与重建
Vue 中 key 属性的深入解析:改变 key 导致组件销毁与重建
1928 0
|
JavaScript UED
用组件懒加载优化Vue应用性能
用组件懒加载优化Vue应用性能

热门文章

最新文章