アプリケーションモジュールのパラメータを解決できません

Question

角度1.6と5のハイブリッドアプリを実行しようとしています。手動ブートストラップが機能しました。

compiler.js?7e34:466 Uncaught Error: Can't resolve all parameters for AppModule: (?). at syntaxError (eval at (app.bundle.js:1852), :684:34) at CompileMetadataResolver._getDependenciesMetadata (eval at (app.bundle.js:1852), :15765:35) at CompileMetadataResolver._getTypeMetadata (eval at (app.bundle.js:1852), :15600:26) at CompileMetadataResolver.getNgModuleMetadata (eval at (app.bundle.js:1852), :15399:24) at JitCompiler._loadModules (eval at (app.bundle.js:1852), :33760:87) at JitCompiler._compileModuleAndComponents (eval at (app.bundle.js:1852), :33721:36) at JitCompiler.compileModuleAsync (eval at (app.bundle.js:1852), :33637:37) at CompilerImpl.compileModuleAsync (eval at (app.bundle.js:1864), :245:49) at PlatformRef.bootstrapModule (eval at (app.bundle.js:229), :5646:25) at eval (eval at (app.bundle.js:827), :76:53)

app.ts

platformBrowserDynamic().bootstrapModule(AppModule);

app.module.ts

import {NgModule} from '@angular/core'; 
import {BrowserModule} from '@angular/platform-browser'; 
import {UpgradeModule} from '@angular/upgrade/static'; 

@NgModule({ 
    imports: [ 
     BrowserModule, 
     UpgradeModule 
    ] 
}) 
export class AppModule { 
    constructor(private upgrade: UpgradeModule) { 
    } 

    ngDoBootstrap() { 
     this.upgrade.bootstrap(document.documentElement, ['myApp']); 
    } 
} 

：できるだけ早く私は、ハイブリッドアプリケーションをブートストラップしようとしたとして、私は次のエラーを取得します

tsconfig.json

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "sourceMap": true, 
    "declaration": false, 
    "module": "commonjs", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "target": "es5", 
    "typeRoots": [ 
     "node_modules/@types" 
    ], 
    "lib": [ 
     "es2017", 
     "dom" 
    ] 
    } 
} 

私はwebpackを使用しています。ここに私の設定の一部です：

resolve: { 
    extensions: ['.js', '.ts'], 
    alias: { 
     "@angular/upgrade/static": "@angular/upgrade/bundles/upgrade-static.umd.js" 
    } 
}, 

module: { 
    rules: [ 
     { 
      test: /\.ts$/, 
      loader: 'ts-loader', 
      exclude: '/node_modules' 
     }, 

Answer 1

あなたがすべてを共有している限り、すべてのものが整然としているようです。 Angularのデコレータと衝突する別の注釈ライブラリを使用している可能性もあります。たとえば、angular-ts-decoratorsを使用している場合は、確かにこのような問題が発生します。

この場合、他の注釈ライブラリ（現在は重複するはずです）を削除し、代わりにAngularの注釈を使用します。