Angular 2 webpack + typescript找不到根組件

帶有webpack + typescript的Angular 2無法找到根組件，除非應用程序條目文件的腳本標記位於自定義元素之後。Angular 2 webpack + typescript找不到根組件

誰能告訴我這是怎麼回事？

我缺少引導過程中的一組？

在angular 2開始查找路由組件元素之前，有沒有等待頁面加載的方法？

不工作

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Express</title> 
    <link rel='stylesheet' href='http://localhost:8080/dist/main_style.css' /> 
     <script src="libs/angular2-polyfills.min.js"></script> 
     <script src="dist/main.bundle.js"></script> 
    </head> 
    <body> 
    <my-app>Loading...</my-app> 
    </body> 
</html>

是工作

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Express</title> 
    <link rel='stylesheet' href='http://localhost:8080/dist/main_style.css' /> 
     <script src="libs/angular2-polyfills.min.js"></script> 
     <!--<script src="dist/main.bundle.js"></script>--> 
    </head> 
    <body> 
    <my-app>Loading...</my-app> 
<script src="http://localhost:8080/dist/main.bundle.js"></script> 
    </body> 
</html>

'boot.ts' 文件

// Angular 2 
import 'angular2/platform/browser'; 
import 'angular2/platform/common_dom'; 
import 'angular2/core'; 
import 'angular2/router'; 
import 'angular2/http'; 

// RxJS 
import 'rxjs'; 

import {bootstrap} from 'angular2/platform/browser' 
import {AppComponent} from './app.component' 

bootstrap(AppComponent);

來源

2015-12-26 Jusef

我想象我因爲當頂部有webpack包時，所有的Angular 2腳本都會在DOM被完全清理之前運行。這意味着Angular 2試圖啓動，但<my-app></my-app>標記尚未呈現。

來源

2015-12-29 00:56:15

Angular 2 webpack + typescript找不到根組件

回答

相關問題