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

Question

我正在使用 angular 1.5.3 和 es6、webpack 和 jade 模板。

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

这个有效

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-loaderreturns一个函数。您不能将该函数传递给模板，您必须在传递之前调用该函数

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

注意require

后函数的调用