2017-01-06 6 views
0

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

app.component.ts

import { Component } from '@angular/core'; 
import {ProductService} from '../../../products/Classes/Product.Service'; 
import {TestService } from '../../../products/Classes/test.service'; 

@Component({ 
    selector: 'pm-app', 
    moduleId:module.id, 
    templateUrl: '../View/PageTitle.html', 
    providers:[ProductService,TestService] 

}) 
export class AppComponent { 
    pageTitle:string ='Acme Product Management'; 
} 

моя структура папок ниже App Folder structure

Мои услуги существует на P папку не ГСМ р папку с ГСМ. Когда я меняю его на верхний регистр в моей заявке на импорт, мое приложение прерывает «No Provider For ...». Может кто-нибудь, пожалуйста, скажите мне, почему это происходит. Я не имею понятия почему!!!

ответ

1

Я нашел проблему

В моей app.module

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { ProductListComponent } from '../../../products/component/product-list'; 
import { AppComponent } from '../Component/app.component'; 
import {FormsModule} from '@angular/forms'; 
import {ProductListFilterPipe} from '../../../products/component/product-list-filter.pipe'; 
import {StarComponent} from '../../star/Component/star.component'; 

@NgModule({ 
    imports: [ 
    BrowserModule, 
    FormsModule 
    ], 
    declarations: [ AppComponent,ProductListComponent,ProductListFilterPipe,StarComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

импорта для моего ProductListComponent и ProductListFilterPipe имели строчную р. Я изменил его на верхний, и теперь он работает.

Резюме: пути чувствительны к регистру в некотором смысле. Из моего тестирования речь идет не о сопоставлении ссылок с папками, а в том, чтобы согласовать ссылки.

Thanks

1

Если класс называется ProduceService в этом файле это должно работать

import {ProductService} from '../../../Products/Classes/product.service'; 
1

Имя файла чувствительно к регистру.

Использование import {ProductService} from '../../../Products/Classes/product.service';

+0

Есть ли способ удалить «../../../» перед пуском пакетов. import {ProductService} из «Продукты/Классы/product.service»; –