Question

我想在index.html中呈现页眉和页脚，但我收到此错误：

./src/app/app.component.ts中的错误找不到模块：错误：无法解决＆＃39;＆＃39; in＆＃39; C：\ Type_Script_WebStorm \ BlastFromThePast \ src \ app＆＃39;解决＆＃39;＆＃39; in＆＃39; C：\ Type_Script_WebStorm \ BlastFromThePast \ src \ app＆＃39; Parsed request是一个模块

我的档案在这里： - app.component.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 { }

Answer 1

您的app组件未正确定义：如果你想要一个html页面，你可以使用

templateUrl: './app.component.html'

如果你想在你的component.ts中编写html，你必须这样称呼它：

  template: `<app-header></app-header>`

最好的问候

如何将页眉页脚呈现为角度为2的布局页面？

1 个答案: