मैं बस कोणीय 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 { }
मैंने एक आवरण मॉड्यूल बनाया जिसका उपयोग उपयोग मॉड्यूल है जो हैडरमॉडल आयात करता है:
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 घंटे इस संस्करण में अपग्रेड करने में खर्च हुए हैं ...)
यहाँ भी, मेरे लिए सिर्फ "स्कीमा: [CUSTOM_ELEMENTS_SCHEMA]" जोड़ना एक आकर्षण की तरह काम करता है। धन्यवाद :)
—
एयॉन
यदि आप इस प्रश्न के उत्तर के रूप में अपना "फिक्स" जोड़ते हैं, तो यह उपयोगी होगा, ताकि यह उन अन्य लोगों के लिए स्पष्ट हो जो आपके प्रश्न पर आते हैं कि वे आपके समाधान का उपयोग करने से कैसे लाभान्वित हो सकते हैं:]
—
डैनी बुलिस
AppModuleक्या आपको इसे अपने घटक में जोड़ना है?