1. 程式人生 > >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
};

解決方法

通過谷歌查詢,和論壇各種搜尋:

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