Vue報錯:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解決方法
阿新 • • 發佈:2019-08-07
出現如題的錯誤時
網路上的解決辦法:點開錯誤的檔案,標註錯誤的地方是這樣的一段程式碼:
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-projectwebpack-simple
vue init webpack-simple#1.0 my-p