Wie repariere ich im Webpack 'Import-Deklarationen nur auf oberster Ebene eines Moduls?'?

Question

Wie repariere ich im Webpack 'Import-Deklarationen nur auf oberster Ebene eines Moduls?'?

8

Webpack baut erfolgreich und ich kann zu meiner Webseite navigieren. Das Javascript schlägt jedoch fehl und besagt: "Importdeklarationen dürfen nur auf der obersten Ebene eines Moduls angezeigt werden"

Unten ist meine ausgegebene app.js, die die Importanweisungen enthält.

Wie ändere ich meine Webpack-Konfigurationsdatei, um die Importanweisungen beim Erstellen zu entfernen?

%Vor%

Hier ist meine aktuelle Konfigurationsdatei:

%Vor%

Mein tsconfig.json

%Vor%

webpack

Richard 04.05.2016, 09:14

quelle

4 Antworten

Tags und Links webpack

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Ist es möglich, ein ObservableField an ein anderes zu binden?

score 11 · Answer 1

Ich hatte das gleiche Problem. Sie haben ES6 installiert. Der Import schlägt fehl.

Babel-Datei wird kopiert, ohne umgewandelt zu werden

BEARBEITEN:

Standardmäßig führt Babel 6.x keine Transformationen durch. Sie müssen ihm mitteilen, welche Transformationen ausgeführt werden sollen:

%Vor%

und run

%Vor%

oder erstellen Sie eine .babelrc-Datei mit

%Vor%

score 4 · Answer 2

Ich stieß auf das gleiche Problem und fand heraus, dass meine Dateistruktur das Problem war:

Module können nur von der gleichen oder niedrigeren Ebene wie der in webpack.config.js in module.exports.entry konfigurierte Einstiegspunkt importiert werden, d. h.:

%Vor%

Ich habe versucht, locales von einer höheren Ebene zu importieren:

%Vor%

Nach dem Verschieben des Locales-Verzeichnisses funktionierte der Import:

%Vor%

score 2 · Answer 3

Wenn Sie die Anleitung zu Ссылка befolgen, werden Sie möglicherweise nicht erkennen, dass die Website nur Webpack Version 2 oder höher und nicht Webpack dokumentiert 1. Eines der neuen Features von Webpack 2 ist, dass es native ES6 import , export und System.import hat.

Sie müssen zuerst Webpack 2 installieren:

%Vor%

Wenn Sie eine Liste aller Webpack-Releases anzeigen möchten, führen Sie Folgendes aus:

%Vor%

score 1 · Answer 4

Ok, ich habe es irgendwie geschafft zu arbeiten, nicht wirklich sicher, welcher Teil es getan hat, aber hier sind alle meine Konfigurationsdateien für jeden, der das gleiche Problem in der Zukunft hat;

webpack:

%Vor%

.babelrc:

%Vor%

package.json

%Vor%

tsconfig.json:

%Vor%

typings.json

%Vor%

Ich empfehle auch, Ihre kompilierte Ausgabe (meinen Ordner 'dist') und das erneute Erstellen, ohne mit dem Webpack devServer zu löschen.

Und da einige der Protokollierungsmethoden für reaktive Router nicht funktionieren, schreiben Sie Ihre eigenen:

%Vor%