javascript - 无法加载 app.html

Question

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

@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

项目架构:

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