未能加载app.html

Failed to load app.html

本文关键字：html app 加载      更新时间：2023-09-26

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

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

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

resolvePromise@http：//localhost:8080/vender.js:6504:33makeResolver/<http://localhost:8080/vendor.js:6481:15ApplicationRef_http://localhost:8080/common.js:9943:26[616]/http://localhost:8080/vendor.js:6289:21NgZoneImpl/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:26scheduleResolveOrReject/<http://localhost:8080/vendor.js:6537:54[616]/http://localhost:8080/vendor.js:6322:25NgZoneImpl/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:30drainMicroTaskQueue@http：//localhost:8080/vender.js:6440:27区域任务/this.invoke@http：//localhost:8080/vender.js:6392:23

项目arh：

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

根据您的错误，templateUrl属性中的模板路径似乎不正确。

注意，对于styleUrl和templateUrl属性，这样的路径是相对于项目的根的。

我想你可以试试这样的东西：

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

有关更多详细信息，请参阅此问题：

  • Angular找不到templateUrl
相关文章：