angular 1.5组件模板webpack require()导致错误

Question

我使用角度1.5.3与es6,webpack和玉石模板.

除组件的模板外,一切都按预期工作.

这有效

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