আমার কৌনিক 2 আরসি 6 অ্যাপ চালানোর চেষ্টা করার সময় আমি ব্রাউজার কনসোলে নিম্নলিখিত ত্রুটিটি পেয়ে যাচ্ছি:
> Error: Template parse errors: 'header-area' is not a known element:
> 1. If 'header-area' is an Angular component, then verify that it is part of this module.
> 2. If 'header-area' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component
> to suppress this message.("
<div class="page-container">
[ERROR->]<header-area></header-area>
<div class="container-fluid">
> "): PlannerComponent@1:2
উপাদানটি কেন পাওয়া গেল না আমি তা পাই না। আমার পরিকল্পনাকারী মডুলটি দেখতে এমন দেখাচ্ছে:
@NgModule({
declarations: [
PlannerComponent,
HeaderAreaComponent,
NavbarAreaComponent,
EreignisbarAreaComponent,
GraphAreaComponent,
nvD3
],
imports: [
RouterModule,
CommonModule,
ModalModule
],
bootstrap: [PlannerComponent],
})
export class PlannerModule {}
এবং যতদূর আমি এনজি 2-তে মডিউলগুলির ধারণাটি বুঝতে পেরেছি, মডিউলগুলির অংশগুলি 'ঘোষণাপত্র' হিসাবে ঘোষণা করা হয়েছে। সম্পূর্ণতার জন্য, এখানে পরিকল্পনাকারী উপাদান:
@Component({
selector: 'planner',
providers: [CalculationService],
templateUrl: './planner.component.html',
styleUrls: ['./planner.component.styl']
})
export default class PlannerComponent {
}
এবং শিরোনামেরিয়া কম্পোনেন্ট:
@Component({
selector: 'header-area',
templateUrl: './header-area.component.html',
styleUrls: ['./header-area.component.styl']
})
export default class HeaderAreaComponent {
}
<header-area>-Tag planner.component.html বিভাগ:
<div class="page-container">
<header-area></header-area>
<div class="container-fluid">
<div class="row">...
আমি কি কিছু ভুল পেয়েছি?
আপডেট : সম্পূর্ণ কোড
planner.module.ts:
import HeaderAreaComponent from '../header-area/header-area.component';
import NavbarAreaComponent from '../navbar-area/navbar-area.component';
import GraphAreaComponent from '../graph-area/graph-area.component';
import EreignisbarAreaComponent from '../ereignisbar-area/ereignisbar-area.component';
import PlannerComponent from './planner.component';
import {NgModule} from '@angular/core';
import {nvD3} from 'ng2-nvd3';
import {RouterModule} from '@angular/router';
import {CommonModule} from '@angular/common';
import {ModalModule} from 'ng2-bootstrap/ng2-bootstrap';
@NgModule({
declarations: [
PlannerComponent,
HeaderAreaComponent,
NavbarAreaComponent,
EreignisbarAreaComponent,
GraphAreaComponent,
nvD3
],
imports: [
RouterModule,
CommonModule,
ModalModule
],
bootstrap: [PlannerComponent],
})
export class PlannerModule {
// TODO: get rid of the "unused class" warning
}
planner.component.ts
import {Component} from '@angular/core';
import CalculationService from '../_shared/services/calculation.service/calculation.service';
import HeaderAreaComponent from '../header-area/header-area.component';
@Component({
selector: 'planner',
providers: [CalculationService],
templateUrl: './planner.component.html',
styleUrls: ['./planner.component.styl']
})
export default class PlannerComponent {
}
planner.component.html
<div class="page-container">
<header-area></header-area>
<div class="container-fluid">
<div class="row">
<div class="col-xs-2 col-sm-1 sidebar">
<navbar-area></navbar-area>
</div>
<div class="col-xs-10 col-sm-11">
<graph-area></graph-area>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-xs-10 col-sm-11 offset-sm-1">
<ereignisbar-area></ereignisbar-area>
</div>
</div><!--/.row-->
</div><!--/.container-->
</div><!--/.page-container-->
আমি ডিফল্ট অপসারণ এবং এটি ছাড়া আমদানি
—
frot.io
{}, কিন্তু আমি একই ফলাফল পেতে।
HeaderAreaComponentনা । আপনি কি সেগুলি একইভাবে আমদানির চেষ্টা করতে পারেন? (সম্ভবত অপসারণ ?){}{}default