13518219792
网站建设资讯

NEWS

网站建设资讯

Vue报错：UncaughtTypeError:Cannotassigntoreadonlyproperty’exports‘ofobject’#<Object>‘的解决

发现问题

成都做网站、成都网站设计的关注点不是能为您做些什么网站，而是怎么做网站，有没有做好网站，给成都创新互联公司一个展示的机会来证明自己，这并不会花费您太多时间，或许会给您带来新的灵感和惊喜。面向用户友好，注重用户体验，一切以用户为中心。

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

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

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

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决 

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

Vue报错：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的方式编写即可.

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决

import {normalTime} from './timeFormat';

export default normalTime;

再次运行：

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决

总结

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


分享标题：Vue报错：UncaughtTypeError:Cannotassigntoreadonlyproperty’exports‘ofobject’#<Object>‘的解决
本文链接：http://cdweb.net/article/pehsic.html

其他资讯