我想在index.html中渲染页眉和页脚，但我收到此错误：
./src/app/app.component.ts 中的错误找不到模块：错误：无法解析“C:\Type_Script_WebStorm\BlastFromThePast\src pp”中的“”，解析“C:\Type_Script_WebStorm\BlastFromThePast”中的“” \src pp'解析后的请求是一个模块
我的文件在这里：- 应用程序组件.ts :-
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: `
<app-header></app-header>
`
})
export class AppComponent {
title = 'app';
}
header.component.ts：-
import { Component } from '@angular/core';
@Component({
selector: 'app-header',
templateUrl: './header.component.html'
})
export class HeaderComponent {
title = 'app';
}
index.html：-
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BlastFromThePast</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
</body>
</html>
app.module.ts：
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { HeaderComponent } from './header.component';
@NgModule({
declarations: [
AppComponent,
HeaderComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
您的应用程序组件未正确定义： 如果你想要一个 html 页面，你可以使用
templateUrl: './app.component.html'
如果你想在你的 component.ts 中编写 html，你必须这样调用它：
template: `<app-header></app-header>`