angular 1.5组件模板webpack require（）导致错误

Question

我正在使用带有es6，webpack和jade模板的angular 1.5.3。

除了组件的模板外，一切都按预期工作。

此作品

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

这也有效（当我手动创建html文件时）

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

这不起作用

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

在浏览器控制台中，我得到了

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

.jade文件存在，我在应用的许多其他位置使用require('./template.jade')而没有任何问题。

有什么想法吗？我可以提供更多信息吗？

Answer 1

jade-loader返回一个函数。您不能将该函数传递给模板，您必须在传递函数之前调用该函数

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

注意require

之后的函数调用