无法加载app.html

当我在@Component使用templateUrl ，我在浏览器控制台中得到以下错误。

 @Component({ selector: 'http-app', directives: [ ], templateUrl: "app.html", }) class HttpApp { } 

错误：未被捕获（承诺）：无法加载app.html

resolvePromise @ http：// localhost：8080 / vendor.js：6504：33 makeResolver / <@ http：// localhost：8080 / vendor.js：6481：15 ApplicationRef_http：// localhost：8080 / common.js：9943： 266 /http://localhost:8080/vendor.js:6289:21 NgZoneImpl / this.inner <.onInvoke @ http：// localhost：8080 / common.js：10351：33 / http： //localhost:8080/vendor.js:6288:21 [616] /http://localhost:8080/vendor.js:6182:26 scheduleResolveOrReject / <@ http：// localhost：8080 / vendor.js：6537： 546 /http://localhost:8080/vendor.js:6322:25 NgZoneImpl / this.inner <.onInvokeTask@ http：// localhost：8080 / common.js：10342：33 [616] / http： //localhost:8080/vendor.js:6321:25 [616] /http://localhost:8080/vendor.js:6222:30 drainMicroTaskQueue @ http：// localhost：8080 / vendor.js：6440：27 ZoneTask /this.invoke@http：// localhost：8080 / vendor.js：6392：23

项目名称：

 Test -app --css --img --ts ---components ----login -----login.ts -----login.html ----services ---app.ts ---app.html ---vendor.ts --index.html 

Answer 1

根据你的错误，似乎templateUrl属性中的templateUrlpath不正确。

请注意，这样的path相对于styleUrl和templateUrl属性的项目的根。

我认为你可以尝试这样的事情：

 @Component({ selector: 'http-app', directives: [ ], templateUrl: "app/app.html", }) class HttpApp { } 

看到这个问题的更多细节：

• Angular找不到templateUrl