Typescript with angular2 and grunt error TS2304：找不到名字

Question

在我的angular2項目中，我使用grunt來自動編譯我的打字稿文件。

一切都做得很好我的文件編制，但我總是得到錯誤

app/webapp/ng2/audit_logs/auditLogs.ts(2,3): error TS2304: Cannot find name 'app'. 
app/webapp/ng2/audit_logs/auditLogs.ts(3,3): error TS2304: Cannot find name 'http'. 
app/webapp/ng2/audit_logs/auditLogs.ts(3,10): error TS2304: Cannot find name 'ng'. 
app/webapp/ng2/audit_logs/auditLogs.ts(6,3): error TS2304: Cannot find name 'app'. 
app/webapp/ng2/audit_logs/auditLogs.ts(7,5): error TS2304: Cannot find name 'ng'. 
app/webapp/ng2/main.ts(16,24): error TS2304: Cannot find name 'upgradeAdapter'. 

我試過Definetlytyped，但我沒有得到成功。

我不知道爲什麼？

請幫我解決以下，這是我的main.ts and auditLogs.ts文件看看，讓我知道我做錯了

Main.ts文件

/// <reference path="../../../node_modules/angular2/typings/browser.d.ts" /> 


var window: any = { 
    giddh: undefined 
}; 

import {UpgradeAdapter} from 'angular2/upgrade'; 

var adapter = new UpgradeAdapter(); 
var app = window.giddh.webApp; 

adapter.bootstrap(document.body, ['giddhWebApp']); 

// downgrade ng2 components to ng1 directives 
app.directive('myApp', upgradeAdapter.downgradeNg2Component(app.AppComponent)); 

auditLogs.ts文件

(function(giddh: any) { 
    app = giddh.webApp 
    http = ng.http 


    app.AppComponent = 
    ng.core.Component({ 
     selector: 'my-app', 
     templateUrl: '' 
    }).Class({ 
     constructor: function(http: any) { 
     this.test = new test(1020); 
     } 
    }); 

    class test { 
    val: string; 
    constructor(data: any){ 
     this.val = data; 
    } 
    } 

})(window.giddh || (window.giddh = {})); 

var window: any = { 
    giddh: undefined 
} 
declare var require: any; 
import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'my-app', 
    template: '/public/webapp/ng2/audit_logs/audit-logs.html' 
}) 

export class AppComponent { 
} 

Answer 1

以下在多個層面上是錯誤的

​​

您的文件是一個模塊。你不需要iffee。你不需要使用window。更多：https://basarat.gitbooks.io/typescript/content/docs/project/modules.html

此外，您不能全局使用http。你必須讓角注入你的。

另外ng只適用於類型信息並且實際上並不存在於運行時。