webpack：在同一模塊導入+ module.exports導致錯誤

Question

我正在開發一個帶有webpack的網站。當我有這樣的代碼：

import $ from 'jquery'; 
function foo() {}; 
module.exports = foo; 

我得到了錯誤Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'。

原來，import $ from 'jquery'更改爲var $ = require('jquery')不會導致任何錯誤。

爲什麼使用module.exports導入會導致此錯誤？反而使用require有什麼不妥？

Answer 1

您不能混合使用import和module.exports。在import世界中，你需要導出東西。

// Change this 
module.exports = foo; 

// To this 
export default foo;