Question

我是Angular 2的新手。我正在开发我的应用程序，我完成了包含导航栏和页脚的Root组件。我正在处理主页模块，我收到此错误。

[错误]未处理承诺拒绝：（8）模板解析错误：站点头＆＃39;不是一个已知的元素： 1.如果＆＃39; site-header＆＃39;是一个Angular组件，然后验证它是否是该模块的一部分。

这是homage文件夹中的 main.ts 文件

import { platformBrowserDynamic } from '@angular/platform-browser-  dynamic';
import { HomepageModule } from './homepage.module';

const platform = platformBrowserDynamic();
platform.bootstrapModule(HomepageModule);

这是模块文件

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { HomepageComponent} from './homepage.component'
import { SiteHeaderComponent } from '../site-header/site-header.component'

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ SiteHeaderComponent ],
  bootstrap:    [ HomepageComponent ]
})
export class HomepageModule { }

这是主页模板文件的内容

<site-header>header</site-header>

这是site-header html的内容

<!-- Site header -->
<header class="site-header size-lg text-center" style="background-image: url(assets/img/bg-banner1.jpg)">
  <div class="container">
    <div class="col-xs-12">


    </div>

  </div>
</header>
<!-- END Site header -->

我多次检查了我的导入，但是没有看到任何看起来像的东西。

我甚至尝试重启服务器，这可能就是问题所在。

Answer 1

主页组件应包含在声明中。只有在这是应用程序的根模块时才应使用Bootstrap。

@NgModule({
  imports:      [BrowserModule],
  declarations: [ 
                 HomepageComponent, 
                 SiteHeaderComponent 
  ]
})
export class HomepageModule { }

在角2中缺少模板

1 个答案: