[英]import/inject modules in TypeScript+AngularJS the right way
[英]Typescript [ts] cannot find modules even if i was giving right path of typescript in import
事件组件
EventService是服务类Injectable,但是我遇到错误[ts]找不到模块'/shared/event.service',但是app.module.ts我给出了该服务正在使用的相同路径。 路径是正确的,请告诉我这是怎么回事。
import { Component } from '@angular/core'
import { EventService } from '/shared/event.service'
//[ts] Cannot find module '/shared/event.service'.
@Component({
selector: 'event-list',
template: `<div><h2>we are using Angular Js 2</h2><hr/>
<div class="row">
<div class="col-md-6" *ngFor="let event of events">
<event-thumbnil [eventList] = "event" >
</event-thumbnil>
</div>
</div>
</div>`
})
export class EventsListComponent {
events:any[]
constructor(private eventService : EventService)
{
this.events= this.eventService.getEvents();
}
}
app.module.ts
import { NgModule } from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {EventsAppComponent } from './events-app.component'
import { EventsListComponent } from './Events/events-list.component'
import {EventThumbnilComponent } from './Events/events-list.thumbnil'
import {NavabarComponent} from './nav/navbar-component'
import {EventService} from './shared/event.service'
@NgModule({
imports:[BrowserModule],
declarations: [EventsAppComponent, EventsListComponent,EventThumbnilComponent,NavabarComponent],
bootstrap:[EventsAppComponent],
providers:[EventService]
})
export class AppModule{
}
在您的打字稿文件中,您忘记为您提供服务目录
import {EventService} from '../shared/event.service'
检查出来可能有效
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.