Wie kann ich das beheben Webpack zugehörige Fehler: Cannot assign auf "nur Lesen" - Eigenschaft 'Export' für das Objekt '#<Object>'?

Ich bin mit webpack, die, wenn ich das richtig verstanden habe, nicht unterstützt native webworker syntax, so bin ich versucht, die worker-loader npm-Modul, aber ich bekomme eine seltsame Fehlermeldung.

Kann das Modul gefunden werden hier.

Mein webpack config:

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

Mein code der Auslösung der Fehler:

import Worker from '../workers/sim.js';

class Synapse {
  //...
}

module.exports = Synapse;

Fehler:

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

Punkte, die zu module.exports = Synapse

InformationsquelleAutor john doe | 2017-12-08
  1. 8

    Erhalten Sie diese Fehlermeldung, wenn das mischen der CommonJS module.exports mit ES-Module. Sie haben Sie zu ändern module.exports zu seiner ES-Modul Gegenstück export default:

    import Worker from '../workers/sim.js';

class Synapse {
  //...
}

export default Synapse; //ES Module syntax
    • Ich merke dann muss ich das mit import eher als require zu retreive Modul, dann wiederum andere Dateien, mischen Sie nun commonJS require syntax und die import syntax brechen, so würde es richtig sein zu sagen, dass die Verwendung import in diesem Fall schafft eine Kettenreaktion, die im wesentlichen zwingen Sie mich, dies zu ändern require Anrufe in meinem Projekt zu import?
    • Als Babel 6, das Verhalten von default export geändert, so dass Sie brauchen, um verwenden Sie die folgende syntax: require("./Synapse").default im Gegensatz zu require("./Synapse"). Zum Glück gibt es eine Babel-plugin bringen kann, dass das alte Verhalten zurück, was nützlich ist, wenn Sie viele Module, die Verwendung der älteren syntax: github.com/59naga/babel-plugin-add-module-exports . Die andere alternative ist, wie du erwähnt hast, ändern Ihre require Anrufe zu N-Modul imports
    InformationsquelleAutor Christian Santos
Schreibe einen Kommentar