Question

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

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

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

resolvePromise @ http://localhost:8080/vendor.js:6504:33   makeResolver /＆LT; @ http://localhost:8080/vendor.js:6481:15   ApplicationRef_http：//本地主机：8080 / common.js：9943：26   [616] /http://localhost:8080/vendor.js:6289:21   NgZoneImpl / this.inner＆LT; .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 /＆LT; @ http://localhost:8080/vendor.js:6537:54   [616] /http://localhost:8080/vendor.js:6322:25   NgZoneImpl / this.inner＆LT; .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

无法加载app.html

1 个答案: