角度ハイブリッド - のWebPACK - nomod

Question

私は（ngupgradeを使用）、角度ハイブリッドのためのWebPACKを実装しようとしていますが、私はエラーに

を取得していますモジュールのアプリは「利用できません！あなたは、どちらかのモジュール名をスペルミスや

declare var angular:any; 
var adapter = new UpgradeAdapter(AppModule); 

angular.module('app').directive('appComponent', adapter.downgradeNg2Component(AppComponent)); 
adapter.bootstrap(document.body, ['app']); 

誰もが持っているファイルを私の角度2 main.tsに、私の角度の1つのモジュール名があり、それを

サンプルコードを

「アプリ」をロードするために忘れてしまいました同様の問題が発生しましたか？

app.js

var app = angular.module('app', ['ui.router']); 
app.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/home'); 
    $stateProvider 
     .state('home', { 
      url: '/home', 
      templateUrl: 'app/home/home.html', 
      controller: 'HomeController' 
     }) 
    }); 

角度2アップグレードファイル：あなたのmain.tsファイルでmain.ts

import {UpgradeAdapter} from '@angular/upgrade'; 
import {AppComponent} from './app.component'; 
import {AppModule} from './app.module'; 

declare var angular:any; 
var adapter = new UpgradeAdapter(AppModule); 
angular.module('app').directive('appComponent', adapter.downgradeNg2Component(AppComponent)); 
adapter.bootstrap(document.body, ['app']); 

Answer 1

コード

import {UpgradeAdapter} from '@angular/upgrade'; 
import {AppComponent} from './app.component'; 
import {AppModule} from './app.module'; 

declare var angular:any; 
var adapter = new UpgradeAdapter(AppModule); 
angular.module('app',[]); 
angular.module('app').directive('appComponent',  
adapter.downgradeNg2Component(AppComponent)); 
adapter.bootstrap(document.body, ['app']); 

を以下試してくださいIあなたがdeを逃していたと思うモジュール宣言の前にディレクティブを使用してurモジュールcoz urの明確化。

Answer 2

angular.moduleに初めて電話をかけたときには、「[]」という依存関係の配列を含める必要があります。その後、angular.module('app')

を呼び出して、もう一度アプリケーションモジュールを取得できます