Nachdem ich so viel über den Angular AOT-Modus gehört hatte, dachte ich, es einmal auszuprobieren. Also haben wir unsere App nach Angular v4.1.2 mit allen notwendigen Änderungen migriert. Als ich versuchte, den Build mit dem AOT-Modus mit dem folgenden Teil der ngc-webpack-Plugin-Konfigurationen in meiner Webpack-Konfigurationsdatei auszuführen, stecke ich bei einem unbekannten Fehler fest.Fehler im AOT-Bereinigungsprogramm, konnte keine Angular-App mit AOT-Modus erstellen
new ngcWebpack.NgcWebpackPlugin({
disabled: !AOT,
tsConfig: helpers.root('tsconfig.webpack.json')
}),
Meine tsconfig.webpack.json Datei ist wie folgt: -
{
"compilerOptions": {
"target": "es5",
"module": "es2015",
"moduleResolution": "node",
some ts configs
....
....
...
"lib": [
"dom",
"es2015"
],
"baseUrl": ".",
"paths": {
"@angular/*": ["node_modules/@angular/*"]
},
"typeRoots": [
"node_modules/@types"
],
"types": [
"hammerjs",
"node",
"jasmine",
"lodash",
"source-map",
"uglify-js",
"webpack"
]
},
"exclude": [
"node_modules",
"dist",
"src/**/*.spec.ts",
"src/**/*.e2e.ts"
],
"awesomeTypescriptLoaderOptions": {
"forkChecker": true,
"useWebpackText": true
},
"angularCompilerOptions": {
"genDir": "./compiled",
"skipMetadataEmit": true
},
"compileOnSave": false,
"buildOnSave": false,
"atom": {
"rewriteTsconfig": false
}
}
Wenn ich den Build ausführen, nachdem 94% der Fertigstellung und erfolgreichen mit tollem Typoskript loader kompiliert, die AOT-clean -compiles kommt in der Tat umzusetzen und wirft ein großer Stack Trace wie unten kommt in: -
ERROR in ./src/app/applications/xxx.component.ts
Module build failed: TypeError: refactor.program.getTypeChecker(...).getTypeFromTypeNode is not a function
at _ctorParameterFromTypeReference (/Users/xxx/sources/migration/yyy/node_modules/src/aot-clean-transformer/loader/text-based-loader/loader.ts:57:58)
at /Users/xxx/sources/migration/bm_dashbaord/node_modules/src/aot-clean-transformer/loader/text-based-loader/loader.ts:123:12
at Array.map (native)
at _addCtorParameters (/Users/xxx/sources/migration/bm_dashbaord/node_modules/src/aot-clean-transformer/loader/text-based-loader/loader.ts:122:46)
at /Users/xxx/sources/migration/bm_dashbaord/node_modules/src/aot-clean-transformer/loader/text-based-loader/loader.ts:154:11
at Array.forEach (native)
at _removeDecorators (/Users/xxx/sources/migration/bm_dashbaord/node_modules/src/aot-clean-transformer/loader/text-based-loader/loader.ts:147:6)
at Object.aotCleanLoader (/Users/xxx/sources/migration/bm_dashbaord/node_modules/src/aot-clean-transformer/loader/text-based-loader/loader.ts:303:7)
ich auf diesem Fehler steckte für eine ganze Weile jetzt und nicht in der Lage, herauszufinden, was das ist, was ich tue WRO ng. Bitte helfen Sie mir hier draußen.
Welche Typoskript-Version verwenden Sie? – monica
Apparantely, ich erkannte, dass jemand die Typoskript-Version herabgestuft hat, also habe ich es auf 2.2.2 aufgerüstet und es hat funktioniert. –