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

百般思念 提交于 2019-11-25 17:02:48

出现如题的错误时

网络上的解决办法:点开错误的文件,标注错误的地方是这样的一段代码:

import {normalTime} from './timeFormat';

module.exports={
  normalTime
};

解决方法

通过谷歌查找,和论坛各种搜索:

原因如下: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;

 如以上可以解决问题,就不用往下看了,如不能解决问题往下看

如果出现的是install任何文件都会出现这个错误,怎么改都不行的话,就是版本的问题了。

项目的版本是旧版的,install的是最新的版本就会出现错误,只需要修改版本号就可以了。

用vue-cli脚手架默认是生成vue 2.x的版本,但可以通过修改命令,来生成1.0的版本。

webpack
vue init webpack#1.0 my-project

webpack-simple
vue init webpack-simple#1.0 my-project

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!