2015-12-26 5 views
0

Угловой 2 с webpack + typescript не может найти корневой компонент, если тег сценария для файла ввода приложения не находится после пользовательского элемента.Угловой 2 webpack + машинопись не может найти корневой компонент

Может ли кто-нибудь сказать мне, что это происходит?

Я пропустил набор в процессе начальной загрузки?

Есть ли способ дождаться загрузки страницы до того, как угловой 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); 

ответ

0

Я полагаю, это я потому что, когда у вас есть пакет webpack вверху, все скрипты Angular 2 запускаются до полного удаления DOM. Это означает, что Angular 2 пытается загрузиться, но тег <my-app></my-app> пока не отображается.

Смежные вопросы