2016-07-19 209 views
0

我遇到了Angular 2 + Typescript的問題,每當我嘗試吞噬它時顯示出相同的錯誤,我嘗試了一切,包括將<引用>標記在文件中。該怎麼辦?Angular 2:無法找到模塊'angular2/core'

(7,26): error TS2307: Cannot find module 'rxjs/Rx'./Users/macbook/workspace/rss/src/app/services/rootscope.ts 
(8,46): error TS2307: Cannot find module 'angular2/core'./Users/macbook/workspace/rss/src/app/services/rootscope.ts 
(17,48): error TS2304: Cannot find name 'Observer'./Users/macbook/workspace/rss/src/app/services/api.ts 
(6,26): error TS2307: Cannot find module 'angular2/core'./Users/macbook/workspace/rss/src/app/services/api.ts 
(7,27): error TS2307: Cannot find module 'angular2/http'./Users/macbook/workspace/rss/src/app/services/api.ts 
(15,13): error TS2339: Property 'http' does not exist on type 'API'./Users/macbook/workspace/rss/src/app/services/api.ts 
(19,20): error TS2339: Property 'http' does not exist on type 'API'./Users/macbook/workspace/rss/src/app/services/api.ts 
(23,20): error TS2339: Property 'http' does not exist on type 'API'../src/app/app.ts 
(6,25): error TS2307: Cannot find module 'angular2/platform/browser'../src/app/app.ts 
(7,25): error TS2307: Cannot find module 'angular2/core'../src/app/app.ts 
(8,47): error TS2307: Cannot find module 'angular2/http'. 

rootscope.ts

/// <reference path="../../../node_modules/reflect-metadata/reflect- metadata.d.ts" /> 
/// <reference path="../../../node_modules/angular2/typings/browser.d.ts" /> 
/// <reference path="../../../node_modules/angular2/core.d.ts" /> 
/// <reference path="../../../node_modules/angular2/http.d.ts" /> 
/// <reference path="../../../node_modules/rxjs/Rx.d.ts" /> 

import {Observable} from "rxjs/Rx"; 

import {Injectable,EventEmitter,Output} from "angular2/core"; 

@Injectable() 
export class ROOT_SCOPE { 
    data: any; 
    dataChange: Observable<any>; 
    @Output dataChangeObserver: EventEmitter=new EventEmitter(); 

    constructor() { 
    this.dataChange = new Observable((observer:Observer) => { 
     this.dataChangeObserver = observer; 
    }); 
    } 

    set(data:any) { 
    this.data = data; 
    this.dataChangeObserver.next(this.data); 
    } 
} 
+0

你使用的是什麼Angular2版本?對於=> RC.x,您需要'@angular/...'而不是'angular2/...' –

+0

您正在處理哪個版本的angular2? – micronyks

+0

這是2.0.0-beta.0 –

回答

0

我有同樣的問題,因爲錯誤配置System.config.js之前。 嘗試檢查配置是否正確。

+0

它有什麼不對? –

+0

就我而言,我認爲這是應用程序的基本路徑。對不起,我不太記得。 –

-1

配置外部的Web工具

配置Visual Studio中使用全局外部Web工具,取而代之的是使用Visual Studio附帶的工具:

•打開選項與工具對話框|選項

•在左側的樹中,選擇項目和解決方案|外部Web工具。

•在右側,將$(PATH)條目移到$(DevEnvDir)條目上方。這告訴Visual Studio在使用其自己版本的外部工具之前使用全局路徑中找到的外部工具(如npm)。

•單擊確定關閉對話框。

•重新啓動Visual Studio以使此更改生效。

+1

OP甚至說他在使用Visual Studio? – litelite