angular2-template-ładowarka nie inline szablon składnik

Question

byłem po tutorialu intruduction na Webpack kątowego 2: https://angular.io/docs/ts/latest/guide/webpack.html

Po zakończeniu wszystkich etapów Otrzymuję błąd 404 podczas próby załadowania szablonu aplikacji składnik.

Samouczek wyraźnie stwierdza, że ​​pliki app.component.html i app.component.css powinny być w locie w locie przez program ładujący angular2-template, ale nie są, ponieważ przeglądarka próbuje zażądać ich przez XHR.

Kodeks app.compnent.ts z samouczka:

import { Component } from '@angular/core'; 
import '../../public/css/styles.css'; 
@Component({ 
    selector: 'my-app', 
    templateUrl: 'app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { } 

Działa gdybym określić ścieżkę szablon względem ścieżki bazowej, ale to nie jest właściwe podejście.

import { Component } from '@angular/core'; 
import '../../public/css/styles.css'; 
@Component({ 
    selector: 'my-app', 
    templateUrl: './src/app/app.component.html', 
    styleUrls: ['./src/app/app.component.css'] 
}) 
export class AppComponent { } 

Czy ktoś ma pomysł, dlaczego tak się dzieje, i czy każdy może wykonać samouczek z działającym rozwiązaniem?

Answer 1

Upewnij się, że pakiet internetowy wykonuje proces kompilacji maszynopisu. Miałem ten sam problem, a problem polegał na tym, że Visual Studio kompilowało moje pliki ts przy składowaniu, a ponieważ WebPack jest skonfigurowany do obsługi plików .js i .ts, to ładowarki próbowały uzyskać zastosowanie do już skompilowanych plików js źródłowych plików ts.

Więc Podsumowując:

1. Upewnij się, że nie masz pliki ts już skompilowany w katalogu .
2. Zainstaluj maszynopis w lokalnym module node_modules projektu.
3. Skonfiguruj webpack zgodnie z tutorialem kątowym.
4. Uruchom pakiet z wiersza poleceń w katalogu, w którym znajduje się plik webpack.config.js . Gwarantuje to, że pakiet WWW JEST ONE wykonuje kompilację maszynopisu, a tym samym pliki ts wchodzą w skład potoku .

To powinno teraz zadziałać.