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;