Bundle-Fehler mit webpack für Elektronen-Anwendung `Nicht auflösen kann-Modul "electron"

Ich versuche zum erstellen einer Elektron Anwendung mit Reagieren. Ich benutze Webpack zu kompilieren, die Reagieren JSX syntax, aber wenn ich versuche zu kompilieren mit webpack Befehl, bekam ich diese Fehlermeldung:

FEHLER bei ./app.jsx
Modul nicht gefunden: Error: Cannot resolve Modul 'Elektron' in /Users/masterT/Downloads/gist

@ ./app.jsx 6:18-37

Hier ist die Anwendung code.

Bin ich etwas falsch?

Dank!

  • Nur eine Anmerkung, die Sie nicht brauchen, webpack verwenden JSX mit Elektron. Verwenden Sie einfach die Babel erfordern Haken in einem frühen Einstiegspunkt in die app. Mein Textvorschlag zeigt, wie dies mit Babel, version 5, statt 6.
InformationsquelleAutor MasterT | 2015-12-23
  1. 26

    Webpack versucht zu beheben electron - Modul mit der installierten node_modules. Aber die electron - Modul behoben, der die Elektronen selbst zur Laufzeit. Also, Sie haben, um auszuschließen, insbesondere Modul von webpack Bündelung wie diese:

    webpack.config.js:

    module.exports = {
  entry: './app.jsx',
  output: {
    path: './built',
    filename: 'app.js'
  },
  target: 'atom',
  module: {
    loaders: [
      {
        loader: 'babel',
        test: /\.jsx$/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  },
  externals: [
    (function () {
      var IGNORES = [
        'electron'
      ];
      return function (context, request, callback) {
        if (IGNORES.indexOf(request) >= 0) {
          return callback(null, "require('" + request + "')");
        }
        return callback();
      };
    })()
  ]
};
    • Super Antwort! Wirklich zu schätzen!
    • dies ist nützlich, und obwohl es funktioniert, es ist nicht spezifisch für die Frage, im Gegensatz zu Konrad ' s Antwort unten
    • Super!! Ich hatte den Fehler Can't resolve 'fs' in '.....node_modules\electron' hinzufügen und das schließt es behoben! Danke!!!
    InformationsquelleAutor minodisk
  2. 33

    Eine sehr einfache Lösung :

    const remote = window.require('electron').remote;

    webpack wird, ignorieren Sie diese benötigen

    • Funktioniert perfekt, vielen Dank!
    • nice one ! Ich brauche nicht zu berühren Sie das webpack config und es ist perfekt für mich, weil meine Umwelt könnte web oder Elektron
    • warum ist jeder mit komplizierten webpack configs, wenn diese einfache Lösung funktioniert? gibt es irgendwelche Nachteil?
    InformationsquelleAutor jnoleau
  3. 21

    Können Sie festlegen target: 'electron' in Ihrem webpack config und dann müssen Sie nicht haben, um auszuschließen Elektron in äußerlichkeiten.

    Vom webpack Dokumentation:

    "electron" Kompilieren für die Verwendung in Elektron – unterstützt require-ing Elektron-spezifische Module.

    • Ja, das funktioniert für mich. # webpack --target-Elektronen
    • Dies sollte die akzeptierte Antwort: es ist die einzige, die konzentriert sich auf die spezifischen Thema.
    • Es scheint, dass dies nicht stoppen webpack kompilieren Elektron erfordert in bundle.js. Es nicht werfen Fehler - ja - aber Sie haben ein gebrochenes Bündel js mit Knoten-Modul kopiert werden, wenn Sie versuchen, zu verlangen, alle Knoten-nur Module in Ihrem jsx ist ("Pfad" für die ex). Zumindest, was ich erlebt habe, mit "Elektron-main" und/oder "electron-renderer" Ziele ("Elektron" Ziel ist abgeschrieben neueste). Scheint wie mit dem Fenster.erforderlich für die Elektronen benötigt, funktioniert und sorgt für mehr Kontrolle.
    • Beachten Sie, dass in neueren Webpack-Versionen, die richtigen Ziel-name ist electron-main.
    InformationsquelleAutor Konrad Lalik
  4. -2

    Ihrem Paket.json hat 'electron-vorgefertigte' aber Sie benötigen, 'Elektron' in Ihrem code. Haben Sie versucht, die Sie benötigen-ing 'electron-fertige'?

    InformationsquelleAutor Norbert
Schreibe einen Kommentar