你好,
我正在使用VS2015中运行的Angular2 beta 12.当我将rxjs从5.0.0-beta.2更新到beta.3时,我会遇到一系列与我的承诺有关的例外情况.
例如.
> Observable< Response>类型上不存在属性映射
> Observable< Response>类型中不存在属性共享
> Ambient模块声明不能指定相对模块名称
> Ambient模块不能嵌套在其他模块或名称空间中.
的package.json
{ "name": "ASP.NET","version": "0.0.0","scripts": { "tsc": "tsc","tsc:w": "tsc -w","lite": "lite-server","start": "concurrent \"npm run tsc:w\" \"npm run lite\" " },"dependencies": { "angular2": "2.0.0-beta.12","systemjs": "0.19.24","es6-promise": "3.1.2","es6-shim": "0.35.0","reflect-Metadata": "0.1.3","rxjs": "5.0.0-beta.3",// beta.2 allowed project to build "zone.js":"0.6.6" },"devDependencies": { "gulp": "3.9.1","gulp-concat": "2.6.0","gulp-cssmin": "0.1.7","gulp-uglify": "1.5.3","rimraf": "2.2.8","concurrently": "2.0.0","lite-server": "2.1.0","typescript": "1.8.9" } }
import {Injectable} from 'angular2/core'; import {Http,Response} from 'angular2/http'; import {Headers,RequestOptions} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import {ApplicationVM} from '../../Applications/viewmodels/Application.viewmodel'; @Injectable() export class ApplicationService { constructor(private http: Http) { } private _serviceUrl = './../api/'; getApplications() { return this.http.get(this._serviceUrl + "applications/active") .map(res => <ApplicationVM[]>res.json()) // .map((res: Response) => res.json()) .do(data => console.log(data)) // eyeball results in the console .catch(this.handleError); } private handleError(error: Response) { console.log(error); return Observable.throw(error.json().error || 'Server error'); } }
在另一个,问题是与share()
constructor(private _http: Http) { console.log("constructor"); this.menulist$= new Observable(observer => this._menulistObserver = observer).share(); this.menuState$= new Observable(observer => this._menuStateObserver = observer).share(); this.menuWidth$= new Observable(observer => this._menuWidthObserver = observer).share();}
我觉得这可能很重要 – 一系列rxjs文件为相对引用加下划线红色../../Observable(以下示例在interval.d.ts中)
import { IntervalObservable } from '../../observable/IntervalObservable'; declare module '../../Observable' { namespace Observable { let interval: typeof IntervalObservable.create; } }
我的boot.ts
///<reference path="./../node_modules/angular2/typings/browser.d.ts"/> import {bootstrap} from 'angular2/platform/browser'; import {ROUTER_PROVIDERS} from 'angular2/router'; import {AppComponent} from './app.component'; import {HTTP_PROVIDERS} from 'angular2/http'; import 'rxjs/Rx'; // kitchen sink // Bootstrap the application and reference the required directives bootstrap(AppComponent,[ROUTER_PROVIDERS,HTTP_PROVIDERS]);
我的html页面
<!-- 1. Load libraries --> <script src="~/nodelibs/angular2/bundles/angular2-polyfills.js"></script> <script src="~/nodelibs/systemjs/system.src.js"></script> <script src="~/nodelibs/typescript/lib/typescript.js"></script> <script src="~/nodelibs/rxjs/bundles/Rx.js"></script> <script src="~/nodelibs/angular2/bundles/angular2.dev.js"></script> <script src="~/nodelibs/angular2/bundles/router.dev.js"></script> <script src="~/nodelibs/angular2/bundles/http.dev.js"></script> <!-- 2. Configure SystemJS --> <script> var rootPath = "@Url.Content("~/")"; System.config({ //transpiler: 'typescript',//typescriptOptions: { emitDecoratorMetadata: true },baseURL: rootPath,defaultJSExtensions: true,packages: { app: { //format: 'register',defaultExtension: 'js' },map: { 'rxjs/observable/*' : 'nodelibs/rxjs/observable/*.js','rxjs/operators/*' : 'nodelibs/rxjs/operators/*.js','rxjs/*' : 'nodelibs/rxjs/*.js' } } }); System.import("/app/boot.js") .then(null,console.error.bind(console)); </script>
我很难过,并会感激一些帮助.
谢谢,丹.
根据Angular的package.json,你应该使用RxJS 5.0.0-beta.2
https://github.com/angular/angular/blob/master/package.json#L37