gpt4 book ai didi

angular - 添加到 NgModule.schemas 的 CUSTOM_ELEMENTS_SCHEMA 仍然显示错误

转载 作者:太空狗 更新时间:2023-10-29 16:45:04 27 4
gpt4 key购买 nike

我刚从 Angular 2 rc4 升级到 rc6,但遇到了麻烦。

我在控制台上看到以下错误:

Unhandled Promise rejection: Template parse errors:
'cl-header' is not a known element:
1. If 'cl-header' is an Angular component, then verify that it is part of this module.
2. If 'cl-header' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message. ("<main>
[ERROR ->]<cl-header>Loading Header...</cl-header>
<div class="container-fluid">
<cl-feedbackcontai"): AppComponent@1:4

这是我的页眉组件:

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

// own service
import { AuthenticationService } from '../../../services/authentication/authentication.service.ts';

import '../../../../../public/css/styles.css';

@Component({
selector: 'cl-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.css']
})
export class HeaderComponent { // more code here... }

这是我的标题模块:

import { NgModule, CUSTOM_ELEMENTS_SCHEMA }      from '@angular/core';
import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

import { HeaderComponent } from './../../../components/util_components/header/header.component.ts';

@NgModule({
declarations: [ HeaderComponent ],
bootstrap: [ HeaderComponent ],
imports: [ RouterModule, CommonModule, FormsModule ],
schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class HeaderModule { }

我创建了一个名为 util 模块的包装器模块,它导入了 HeaderModule:

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

import {HeaderModule} from "./header/header.module";
// ...

@NgModule({
declarations: [ ],
bootstrap: [ ],
imports: [ HeaderModule]
})
export class UtilModule { }

最终由 AppModule 导入:

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

import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';

import {UtilModule} from "./modules/util_modules/util.module";
import {RoutingModule} from "./modules/routing_modules/routing.module";

@NgModule({
bootstrap: [AppComponent],
declarations: [AppComponent],
imports: [BrowserModule, UtilModule, RoutingModule]
})
export class AppModule { }

据我了解,我正在按照错误消息的说明使用 SCHEMA 来抑制错误。但它似乎不起作用。我究竟做错了什么?(我希望我现在没有看到任何明显的东西。过去 6 个小时一直在升级到这个版本......)

最佳答案

这是通过以下方式解决的:

a) 添加 schemas: [ CUSTOM_ELEMENTS_SCHEMA ] 到每个组件或

b) 添加

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

schemas: [
CUSTOM_ELEMENTS_SCHEMA
],

到你的模块。

关于angular - 添加到 NgModule.schemas 的 CUSTOM_ELEMENTS_SCHEMA 仍然显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39428132/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com