angular 1.5 Komponente Vorlage Webpack require() verursacht Fehler

Question

Ich verwende eckige 1.5.3 mit es6, Webpack und Jade Vorlagen.

Alles funktioniert wie erwartet, außer für die Vorlagen der Komponente.

Dies funktioniert

var cmpnt = { 
    template: '<div>test</div>' 
} 

Dies funktioniert auch (wenn ich die HTML-Datei manuell erstellen)

var cmpnt = { 
    template: require('./component.html') 
} 

Das funktioniert nicht

var cmpnt = { 
    template: require('./component.jade') 
} 

im Browser-Konsole, erhalte ich

Error: [$injector:unpr] Unknown provider: localsProvider <- locals

Die .jade Datei vorhanden ist, und ich bin mit require('./template.jade') in vielen anderen Orten der App ohne Probleme.

Irgendwelche Ideen? Weitere Informationen, die ich zur Verfügung stellen kann?

Answer 1

jade-loader gibt eine Funktion zurück. Sie können diese Funktion nicht zur Vorlage übergeben, müssen Sie die Funktion aufzurufen, bevor übergeben es

var cmpnt = { 
    template: require('./component.jade')(); 
} 

Kenntnis der Aufruf der Funktion nach require