我怎样才能解决Webpack相关的错误：不能分配给对象'＃<Object>'的属性'exports'？

我正在使用webpack，如果我理解正确，不支持本地webworker语法，所以我试图使用worker-loader npm模块，但我得到一个奇怪的错误。

该模块可以在这里find。

我的webpackconfiguration：

 module.exports = { entry: "./app", output: { path: __dirname + "/build", filename: "bundle.js" }, watch: true, module: { rules: [{ test: /\.worker\.js$/, use: { loader: 'worker-loader' } }] } } 

我的代码触发错误：

 import Worker from '../workers/sim.js'; class Synapse { // ... } module.exports = Synapse; 

错误：

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

指向module.exports = Synapse

Answer 1

将CommonJS module.exports与ES模块混合时，会出现此错误。 您必须将module.exports更改为其ES模块对应的export default ：

 import Worker from '../workers/sim.js'; class Synapse { // ... } export default Synapse; // ES Module syntax