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

发布时间：2020-12-17 06:48:23 所属栏目：安全来源：网络整理

导读：我使用角度1.5.3与es6,webpack和玉石模板. 除组件的模板外,一切都按预期工作. 这有效 var cmpnt = { template: 'divtest/div'} 这也有效(当我手动创建html文件时) var cmpnt = { template: require('./component.html')} 这不起作用 var cmpnt = { template:

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

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

这有效

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

这也有效(当我手动创建html文件时)

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

这不起作用

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

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

错误：[$injector：unpr]未知提供者：localsProvider< - locals .jade文件存在,我在应用程序的许多其他位置使用require(‘./ template.jade’)没有问题. 有任何想法吗？我可以提供更多信息吗？

解决方法

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

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

请注意require之后的函数调用

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!