Angular + Webpack [$ compile:tpload]无法加载模板

Question

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

我使用Angular+ Webpack并试图要求我的JS使用HTML文件html-loader.

起初我需要html文件到我的directive

var templateUrl = require('./test.html');

然后我做webpack命令和webpack说一切都很好,捆绑所有文件没有任何问题.

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

[$compile:tpload] Failed to load template: <div class="test">
<p>This is my TEST</p>
</div> (HTTP status: 404 Not Found)

据我所知,它看到了我的HTML,但在此之前,它表示无法获取它(模板),为什么会这样？

请求在网络中

GET http://127.0.0.1:7773/portal/%3Cdiv%20class=%22test%22.....

例如,成功需要:

Request URL:http://127.0.0.1:7773/portal/dev/bundle.js

据我所知,webpack在另一个地方看它.怎么解决？

有关信息我的完整路径:

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

Answer 1

用template: require('./test.html')而不是templateUrl.在你的指令上:

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