2017-08-18 22 views
4

伝統的なAngular JSアプリをアップグレードしたいと思っており、angle.ioのドキュメントを参照してハイブリッドアプリ。ハイブリッドAngularJS/Angularアプリを設定するときに「すべてのパラメータを解決できません」というエラーが表示される

今app.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.body, ['myApp'], { strictDi: true }); 
    } 
} 

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from "./app.module"; 
platformBrowserDynamic().bootstrapModule(AppModule); 

私の新しいapp.module.tsは次のようになりますエラー:

compiler.es5.js:1503 Uncaught Error: Can't resolve all parameters for AppModule: (?). 
at syntaxError (compiler.es5.js:1503) 
at CompileMetadataResolver._getDependenciesMetadata (compiler.es5.js:14780) 
at CompileMetadataResolver._getTypeMetadata (compiler.es5.js:14648) 
at CompileMetadataResolver.getNgModuleMetadata (compiler.es5.js:14489) 
at JitCompiler._loadModules (compiler.es5.js:25561) 
at JitCompiler._compileModuleAndComponents (compiler.es5.js:25520) 
at JitCompiler.compileModuleAsync (compiler.es5.js:25482) 
at PlatformRef_._bootstrapModuleWithZone (core.es5.js:4786) 
at PlatformRef_.bootstrapModule (core.es5.js:4772) 
at Object.map../af (app.ts:487) 

Angularがdepを解決するためにUpgradeModuleを見つけることができないようですAppModuleのエンドエンティティ

私の質問は これを修正するために私のブートストラッププロセスから何か不足していますか?

(注:または適切ではないかもしれませんかもしれないが、私は私のモジュールローダなどのWebPACKを使用しています。)私は最終的にこの作業を持って、ハイブリッドをバンドルするのWebPACKを使用して、基本的な解決策を示す例GitHubのリポジトリを作成し

+1

に設定されていない私のemitDecoratorMetadataによるものだったと思いますそれはworを得た王様、しかし問題は何だったのか分かりますか? –

+0

私の場合、それは間違っていたtsconfigでした。私は以下のアダムの答えを受け入れました。 –

答えて

4

私はちょうどこれと同じ問題を持っていたし、長いものを試し(とあなたのレポを見て)のしばらく後、私はあなたがTSconfigの

関連する問題