Angular 2 Web Pack 404 HTML Vorlage URLs

Question

Ich benutze Angular2 RC4 Version und Webpack dev Server. Ich kann meine Anwendung nicht erfolgreich laden. In der Browserkonsole wird 404 ausgelöst und die AppComponent-Vorlagendatei kann nicht mit Webpack geladen werden. Dies funktioniert, wenn ich

app.component.ts lite-Server verwenden Snippet

@Component({ 
    moduleId:module.id, 
    selector: 'body', 
    templateUrl: 'app.component.html', 
}) 

webpack.config.js

module:{ 
     loaders:[ 
      {test:/\.ts$/, loader:'ts', exclude: /node_modules/}, 
      {test:/\.html$/, loader:'html' }, 
     ], 

    }, 

Fehler browser_adapter.js Snippet 0526: 84Error: Nicht abgefangen (versprochen): Fehler beim Laden von /app.component.html

Answer 1

Bei Angular2-Webpack,

Vorlage verwenden wie this-

template: require('./app.component.html'), 
    styles: [require('./app.component.css')] 

statt

templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 

sehen, ob das hilft.

Answer 2

Eine andere Option ist die Verwendung von awesome-typescript-loader in Kombination mit angular2-template-loader, um alle Ihre Styles für Sie einzubinden, und Sie benötigen keine benötigen.

https://github.com/TheLarkInn/angular2-template-loader

module: { 
    loaders: [ 
     { 
     test: /\.ts$/, 
     loaders: ['awesome-typescript-loader', 'angular2-template-loader'], 
     exclude: [/\.(spec|e2e)\.ts$/] 
     } 
    ] 
    },