Angular 5 webpack Kompilierungsfehler

Question

Nach dem Angular 5 und Cli Upgrade 1.5, auf ng serve Ich erhalte eine Fehlermeldung:

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 

habe ich versucht, hinzuzufügen include meiner tsconfig.app.json so sieht es wie folgt aus:

{ 
    "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, wieder laufen ng serve ich einen anderen Fehler bekam:

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 

Dies sieht so aus, als brauche es eine generische Problemumgehung. Irgendwelche Ideen?

---

aktualisieren

Nachdem alle Pakete auf die neueste Version zu aktualisieren, disapeared Problem

Answer 1

ich den gleichen Fehler, wie Sie bekommen in Bezug auf main.ts und polyfills.ts nicht enthalten sind die Konfiguration.

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 habe, habe ich ein anderes Projekt erstellt und musste diesen zusätzlichen Schritt nicht machen.

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" 
    ] 
} 

Answer 2

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

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

In src/tsconfig.app.json place the following in compilerOptions:

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

Answer 3

ng serve --preserve-symlinks Versuchen.

Es hilft in den meisten Fällen für die aktuelle Version von Angular.

Oder einfach nicht ng serve von symbolisch verknüpften Ordner ausführen. Führen Sie es vom echten aus.

Ich freue mich, wenn sie es beheben.