欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
程序员文章站 2022-06-17 16:08:18
发现问题 运行一下以前的一个vue+webpack的 vue仿新闻网站  小项目,报错 由于自己vue学习不深入,老是这个报错,找了好久(确切的说是整整一下午...

发现问题

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

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

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>‘的解决方法 

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

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>‘的解决方法

总结

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