web-dev-qa-db-de.com

Angular 5 Fehler beim Kompilieren des Webpacks

Nach dem Upgrade auf Angular 5 und Cli 1.5 wird bei ng serve eine Fehlermeldung angezeigt:

ERROR in ./node_modules/@stomp/ng2-stompjs/index.ts
    Module build failed: Error: ...\project\node_modules\@stomp\ng2-stompjs\index.ts is not part of the compilation output. Please check the other error messages for details.
        at AngularCompilerPlugin.getCompiledFile (...\project\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:629:23)
        at plugin.done.then (...\project\node_modules\@ngtools\webpack\src\loader.js:467:39)
        at <anonymous>
        at process._tickCallback (internal/process/next_tick.js:188:7)
     @ ./src/app/app.module.ts 27:0-63
     @ ./src/main.ts
     @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

Ich habe versucht, include zu meinem tsconfig.app.json hinzuzufügen, so dass es so aussieht:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "module": "es2015",
    "baseUrl": "",
    "types": []
  },
  "include": [
    "../node_modules/@stomp/**/*.ts"
  ],
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

Ich habe versucht, ng serve erneut auszuführen. Ich habe einen anderen Fehler erhalten: 

    ERROR in ./src/main.ts
Module build failed: Error: ...project\chatAngular4\src\main.ts is not part of the compilation output. Please check the other error messages for details.
    at AngularCompilerPlugin.getCompiledFile (...project\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:629:23)
    at plugin.done.then (...project\node_modules\@ngtools\webpack\src\loader.js:467:39)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts
ERROR in ./src/polyfills.ts
Module build failed: Error: C:\Users\MEP2\Desktop\chatAngular4\src\polyfills.ts is not part of the compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.
    at AngularCompilerPlugin.getCompiledFile (...project\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:624:23)
    at plugin.done.then (...project\node_modules\@ngtools\webpack\src\loader.js:467:39)
    at <anonymous>
 @ multi ./src/polyfills.ts

Es sieht so aus, als müsste es eine generische Problemumgehung sein. Irgendwelche Ideen?


Update

Nach dem Aktualisieren aller Pakete auf die neueste Version verschwand das Problem

7
TomP

Versuchen Sie ng serve --preserve-symlinks.

In den meisten Fällen hilft es für die aktuelle Version von Angular.

Oder führen Sie einfach ng serve nicht aus symbolisch verknüpften Ordnern aus. Lass es vom echten laufen.

Ich freue mich, wenn sie es reparieren.

4
zhekaus

Ich habe die gleiche Fehlermeldung wie Sie erhalten, wenn main.ts und polyfills.ts nicht in der Konfiguration enthalten sind.

Ich habe diese Dateien zum Abschnitt "include" der Datei "tsconfig.app.json" hinzugefügt, und es begann für mich zu arbeiten.

Seltsamerweise, nachdem ich dies zu meinem ersten Projekt hinzugefügt hatte, erstellte ich ein anderes Projekt und musste diesen zusätzlichen Schritt nicht tun.

Hier ist meine tsconfig.app.json:

   {
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "baseUrl": "./",
    "module": "es2015",
    "types": []
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ],
  "include": [
    "main.ts",
    "polyfills.ts"
  ]
}
1
aaron

Werfen Sie einen Blick in die README.md des Github Repo von ng2-stompjs:

https://github.com/stomp-js/ng2-stompjs/tree/angular5#agular-5--ionic

Fügen Sie in src/tsconfig.app.json Folgendes in compilerOptions ein:

"paths": {
    "@stomp/ng2-stompjs": ["../node_modules/@stomp/ng2-stompjs"]
}
0
stetro