ОШИБКА в файле src / app / app.module.ts (15,15): ошибка TS2304: не удается найти имя 'ServiceName' - PullRequest
Новая
       25

ОШИБКА в файле src / app / app.module.ts (15,15): ошибка TS2304: не удается найти имя 'ServiceName'

0 голосов
/ 14 февраля 2019

Я новичок в angular и пытаюсь изучать каждый шаг за шагом, у меня есть один сервис, и мне нужно использовать его в Component, но я получаю вышеуказанную ошибку.

  1. создал приложение, используя angularcli ng new appName
  2. создал компонент с помощью ng g c comp-name
  3. создал сервис с использованием ng g s service-name

  4. Когда я добавляю имя сервиса в app.module.ts внутрипоставщики: [ 'имя-сервис'].Получение приведенной ниже ошибки после построения кода с использованием ng build || ng serve

    Hash: 31c1abeb694df29adcbe

    Время: фрагмент 8299 мс {es2015-polyfills} es2015-polyfills.js, es2015-polyfills.js.map (es2015-polyfills) 284 кБ[initial] [rendered] chunk {main} main.js, main.js.map (main) 637 байт [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 93,1 кБ [исходный] [рендеринг] chunk {runtime} runtime.js, runtime.js.map (время выполнения) 6,08 кБ [запись] [рендеринг] chunk {styles} styles.js, styles.js.map (стили) 16,3 кБ [исходный] [обработано]

    ОШИБКА в src / app / app.module.ts (15,15): ошибка TS2304: Не удается найти имя 'ServiceOneService'.

Компонент CLASS:

import { Component, OnInit } from '@angular/core';
import {ServiceOneService} from "../service-one.service";

@Component({
  selector: 'comp-one',
  templateUrl: './comp-one.component.html',
  styleUrls: ['./comp-one.component.css']
})
export class CompOneComponent implements OnInit {

  list;
  constructor(service: ServiceOneService) {
    this.list = service.getList();
  }

  ngOnInit() {
  }

}

Класс обслуживания 

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

@Injectable({
  providedIn: 'root'
})
export class ServiceOneService {

  getList() {
    return ["List Item 1","List Item 2","List Item 3","List Item 4"];
  }
}

app.module.ts 

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

import { AppComponent } from './app.component';
import { CompOneComponent } from './comp-one/comp-one.component';

@NgModule({
  declarations: [
    AppComponent,
    CompOneComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [ServiceOneService], `// getting error here.`
  bootstrap: [AppComponent]
})
export class AppModule { }

Я установил их на мою машину. 

Npm : 6.1.0
Node : v8.9.4
Angular Version : "@angular/core": "~7.2.0",
Typescript : Version 3.1.1

Может кто-нибудь, пожалуйста, помогите мне здесь, что не так при импорте или добавлении службы для компонента.

1 Ответ

0 голосов
/ 14 февраля 2019

Вам необходимо импортировать ServiceOneService в app.module.ts 

import {ServiceOneService} from "../service-one.service";
...