webpack：同じモジュール内のimport + module.exportsでエラーが発生しました

Question

webpackでWebサイトを開発しています。私はこのようなコードがある場合：

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;