我怎样才能解决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
将CommonJS module.exports
与ES模块混合时,会出现此错误。 您必须将module.exports
更改为其ES模块对应的export default
:
import Worker from '../workers/sim.js'; class Synapse { // ... } export default Synapse; // ES Module syntax