无法加载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 

       

网上收集的解决方案 "无法加载app.html"

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

请注意,这样的path相对于styleUrltemplateUrl属性的项目的根。

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

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

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

  • Angular找不到templateUrl