Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法 本文转载自 查看原文 2018-04-01 21:29 20124 Vue学习笔记 发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站 小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ normalTime }; 就是 module.exports; 解决方法 同过谷歌查找，和论坛各种搜索: 原因如下： The code above is ok. You can mix require and export. You can‘t mix import and module.exports. 翻译过来就是说，代码没毛病，在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports 因为webpack 2中不允许混用import和 module.exports , 解决办法就是统一改成ES6的方式编写即可. import {normalTime} from './timeFormat'; export default normalTime; 再次运行： 总结 以上就是这文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如有疑问大家可以留言交流，谢谢大家对脚本之家的支持。 原来网址：http://www.jb51.net/article/116453.htm × 免责声明！ 本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱[e-mail]删除。 猜您在找 Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法 Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' Vue 使用自定义组件时报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' 关于vue-cli3打包时遇到Cannot assign to read only property 'exports' of object '#'问题的解决方法。 解决 Cannot assign to read only property 'exports' of object '#' 问题 vue 项目启动报错：Cannot assign to read only property 'exports' of object '#' Cannot assign to read only property 'exports' of object 解决办法 粤ICP备18138465号 © 2018-2025 CODEPRJ.COM

发现问题

运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错

由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因 -v-

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

点开错误的文件，标注错误的地方是这样的一段代码：

import {normalTime} from './timeFormat';
module.exports={
　　normalTime
};

就是 module.exports; 

解决方法

同过谷歌查找，和论坛各种搜索:

原因如下：

 The code above is ok. You can mix require and export. You can‘t mix import and module.exports. 

翻译过来就是说，代码没毛病，在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports  

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

解决办法就是统一改成ES6的方式编写即可.

import {normalTime} from './timeFormat';
export default normalTime;

再次运行：

 

总结

以上就是这文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

原来网址：http://www.jb51.net/article/116453.htm