Angularjs 角度+;网页包[$compile:tpload]无法加载模板

Angularjs 角度+;网页包[$compile:tpload]无法加载模板,angularjs,webpack,Angularjs,Webpack,如果有人有这样的问题,请帮助 我使用Angular+Webpack,并尝试使用HTML加载程序向我的JS请求HTML文件 首先,我需要将html文件添加到我的指令中 var templateUrl = require('./test.html'); 然后我执行webpack命令,webpack表示一切正常,并将所有文件打包,没有任何问题 然后我有一个错误(在我的控制台中): 例如,成功需要: Request URL:http://127.0.0.1:7773/portal/dev/bundle

如果有人有这样的问题,请帮助

我使用
Angular
+
Webpack
,并尝试使用
HTML加载程序
向我的JS请求HTML文件

首先,我需要将
html
文件添加到我的
指令中

var templateUrl = require('./test.html');
然后我执行
webpack
命令,webpack表示一切正常,并将所有文件打包,没有任何问题

然后我有一个错误(在我的控制台中):

例如,成功需要:

Request URL:http://127.0.0.1:7773/portal/dev/bundle.js
据我所知,webpack在另一个地方查找它。如何修复它

有关我的完整路径的信息:

/home/darthjs/Documents/****/src/public/portal/app/components/navtop/test.html

您正在读取文件内容并将其用作URL。您应该使用(或任何其他类似的加载程序)来获取所需内容–它会将文件内容放入Angular的模板缓存中。

使用
模板:require('./test.html')
而不是
模板URL
。 关于你的指示:

{ // directive definition object
  restrict: 'A',
  template: require('./file.html')
}

我的天啊!认真地谢谢!谢谢你的推荐,我不知道为什么,但是没有一个html模板我不能安装。我刚刚尝试了模板html加载程序和ngtemplate加载程序。
/home/darthjs/Documents/****/src/public/portal/app/components/navtop/test.html
{ // directive definition object
  restrict: 'A',
  template: require('./file.html')
}