1. 程式人生 > >Cannot assign to read only property 'exports' of object '#<Object>'

Cannot assign to read only property 'exports' of object '#<Object>'

tro 小項目 uncaught ann sig 分享 方式 技術 image

運行一下以前的一個Vue+webpack的 vue仿新聞網站 小項目,報錯

由於自己vue學習不深入,老是這個報錯,找了好久(確切的說是整整一下午^...^)才找到原因 -v-

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的方式編寫即可.

技術分享

import {normalTime} from 
./timeFormat; export default normalTime;

再次運行:

技術分享

Cannot assign to read only property 'exports' of object '#<Object>'