Vue报错:UncaughtTypeError:Cannotassigntoreadonlyproperty’exports‘ofobject’#<Object>‘的解决
发现问题
成都做网站、成都网站设计的关注点不是能为您做些什么网站,而是怎么做网站,有没有做好网站,给成都创新互联公司一个展示的机会来证明自己,这并不会花费您太多时间,或许会给您带来新的灵感和惊喜。面向用户友好,注重用户体验,一切以用户为中心。
运行一下以前的一个Vue+webpack的 vue仿新闻网站 小项目,报错
由于自己vue学习不深入,老是这个报错,找了好久(确切的说是整整一下午^...^)才找到原因 -v-
Uncaught TypeError: Cannot assign to read only property 'exports' of 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;
再次运行:
总结
以上就是这文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如有疑问大家可以留言交流,谢谢大家对创新互联的支持。
当前题目:Vue报错:UncaughtTypeError:Cannotassigntoreadonlyproperty’exports‘ofobject’#<Object>‘的解决
标题链接:http://scjbc.cn/article/pehsic.html