ts2304 नाम 'ऑनइनिट' नहीं मिला

Question

Ive कोणीय सुपरहीरो ट्यूटोरियल के माध्यम से काम किया। यह सब काम करता है।

तो मैं cmd ​​खिड़की NPM चल बंद करते हैं, तो फिर से खुल एक अध्यक्ष एवं प्रबंध निदेशक खिड़की और NPM स्टार्ट कमान फिर से जारी रहा

Implements OnInit 

निकाल कर दो त्रुटियों

src/app/DashBoard.component.ts(12,44) TS2304 : Cannot find name 'OnInit'. 
src/app/hero-list.component.ts(16, 434) TS2304 : Cannot find name 'OnInit'. 

मैं इस को हल कर सकते हैं इन दोनों कक्षाओं से, रन एनपीएम शुरू उन्हें फिर से जोड़ें (संपादक में सीटीएल जेड) कुछ बदलाव करें, सहेजें। ऐप recompiles और मैं बंद और चल रहा हूँ।

मेरे पास इस कार्य को लागू करने वाले 4 वर्ग हैं। मैं उन्हें का अध्ययन किया है और समझ नहीं क्या 2 असफल बनाता है ...

मैं पदों संदर्भ TS2304 पढ़ा है, लेकिन यह एक सामान्य समारोह/चर/प्रतीक नहीं मिला संदेश हो रहा है ...

मुझे नहीं पता कि क्या पोस्ट करना है, मैं किसी भी कोड को पोस्ट करने में खुश हूं।
इस मॉड्यूल में त्रुटियों के कारण है इस (hero.ts)

यहाँ एक वर्ग है कि इस तरह से इस में विफल हो रहा है है पर निर्भर करता है (में विभिन्न बिंदुओं पर नायक-list.component.ts फ़ाइल है डेमो/ऑनलाइन उदाहरण, इसे Heroes.component भी नामित किया गया है ..)

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

import { Hero } from './hero'; 
import { HeroService } from './hero.service'; 

@Component({ 
    selector: 'hero-list', 
    templateUrl: './hero-list.component.html' , 
    providers: [HeroService], 
    styleUrls: [ './hero-list.component.css'] 
}) 



export class HeroListComponent implements OnInit { 

    heroes : Hero[]; 
    selectedHero: Hero; 

    constructor(
     private router : Router , 
     private heroService: HeroService 
     ) { } 

    ngOnInit(): void { 
     this.getHeroes(); 
    } 

    onSelect(hero: Hero): void { 
     this.selectedHero = hero; 
    } 

    getHeroes(): void { 
     this.heroService.getHeroes().then(heroes => this.heroes = heroes); 
    } 

    gotoDetail() { 
     this.router.navigate(['/detail', this.selectedHero.id]); 
    } 

    add(name: string): void { 
     name = name.trim(); 
     if (!name) { return; } 
     this.heroService.create(name) 
      .then(hero => { 
       this.heroes.push(hero); 
       this.selectedHero = null; 
      }); 
    } 
    delete(hero: Hero): void { 
     this.heroService 
      .delete(hero.id) 
      .then(() => { 
       this.heroes = this.heroes.filter(h => h !== hero); 
       if (this.selectedHero === hero) { this.selectedHero = null; } 
      }); 
    } 
} 

Answer 1

आपको ऑनइनिट आयात करना होगा।

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

Answer 2

tutorial आप app.component.ts टाइपप्रति फाइल करने के लिए OnInit के आयात जोड़ने की जरूरत का उल्लेख करने में विफल रहता:

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