文件item.ts
export class SearchTerm{
term: string;
filters: string;
constructor(term: string, filters: string){
this.term = term;
this.filters = filters;
}
}
文件:item-search.component.ts
import { Component, OnInit, Optional} from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';
import { ItemSearchService } from './item-search.service';
import { SearchTerm} from './item';
@Component({
moduleId: module.id,
selector: 'item-search',
templateUrl: '/views/item-search.component.html',
styleUrls: ['/views/item-search.component.css'],
providers: [ItemSearchService],
})
export class ItemSearchComponent implements OnInit {
searchTerm: SearchTerm;
constructor(
private itemSearchService: ItemSearchService,
private router: Router,
private route: ActivatedRoute) {
}
search(term: string): void {
this.searchTerm = new SearchTerm('some value','some value');
}
}
如果我在构造函数中声明新对象,或者在任何函数中,它总是产生404 / traceur错误并且应用程序将不会加载。如果我删除新的声明,该应用程序可以正常工作。
NG模块部分:
@NgModule({
imports: [
BrowserModule,
FormsModule,
routing,
HttpModule,
JsonpModule
],
declarations: [
AppComponent,
HomeComponent,
NavComponent,
ItemSearchComponent,
SearchComponent,
routedComponents
],
providers: [
],
bootstrap: [AppComponent]
})
以下是错误的堆栈跟踪:
Unhandled Promise rejection: Error: XHR error (404 Not Found) loading http://localhost:8000/traceur
at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:8000/node_modules/zone.js/dist/zone.js:794:30)
at ZoneDelegate.invokeTask (http://localhost:8000/node_modules/zone.js/dist/zone.js:365:38)
at Zone.runTask (http://localhost:8000/node_modules/zone.js/dist/zone.js:265:48)
at XMLHttpRequest.ZoneTask.invoke (http://localhost:8000/node_modules/zone.js/dist/zone.js:433:34)
Error loading http://localhost:8000/traceur
Error loading http://localhost:8000/dist/app/item.js as "./item" from