时间戳

首页 > 解决方案 > 包含路由组件的模块

vmware-clarity - 包含路由组件的模块

问题描述

尝试在路由组件中使用清晰性，看到下面的错误。
流程：AppModule > AppComponent > AppRouting > HomeComponent

clr-datagrid 在 AppComponent html 上成功，但在路由的 HomeComponent 内失败。

ERROR in src/app/components/home.component.html:4:13 - error NG8001: 'clr-datagrid' is not a known element:
    1. If 'clr-datagrid' is an Angular component, then verify that it is part of this module.
    2. If 'clr-datagrid' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

    4             <clr-datagrid>

home.component.html：

<div class="main-container">
    <div class="content-container">
        <div class="content-area">
            <clr-datagrid>
            </clr-datagrid>
        </div>
    </div>
</div>

应用路由模块：

import { NgModule } from '@angular/core';
import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
import { HomeComponent } from './components/home.component'

const routes: Routes = [{path: "", component: HomeComponent }];

@NgModule({
  imports: [RouterModule.forRoot(routes, {preloadingStrategy: PreloadAllModules})],
  exports: [RouterModule],
})
export class AppRoutingModule { }

应用组件：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent { }

应用模块：

import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule } from "@angular/common/http";
import { ClarityModule } from '@clr/angular';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    ClarityModule,
    AppRoutingModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

标签： vmware-clarity

解决方案

修复在 AppModule 中


@NgModule({
  declarations: [
    AppComponent, HomeComponent

推荐阅读