無法加載app.html

Question

當我使用templateUrl在@Component我在瀏覽器控制檯中出現以下錯誤。

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

Error: Uncaught (in promise): Failed to load 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:26 [616]/http://localhost:8080/vendor.js:6289:21 NgZoneImpl/this.inner<.onInvoke@http://localhost:8080/common.js:10351:33 [616]/http://localhost:8080/vendor.js:6288:21 [616]/http://localhost:8080/vendor.js:6182:26 scheduleResolveOrReject/<@http://localhost:8080/vendor.js:6537:54 [616]/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

ARH項目：

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

Answer 1

根據你的錯誤，似乎路徑在templateUrl屬性模板是不正確的。

請注意，此類路徑相對於styleUrl和templateUrl屬性的項目根。

我認爲，你可以嘗試這樣的事情：

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

看到這個問題的更多細節：

• Angular cannot find templateUrl