在visual studio中导入其他ts文件

时间:2015-09-24 13:47:43

标签: typescript

在我的项目中,我正在导入库,一切都在加载,我没有收到任何错误。

现在我为我的项目制作了很少ts个文件,这些文件正在消耗我导入的库。这可以使用import

现在我想在BaseBundle.ts中使用Main.ts。我怎么能这样做?

这是我尝试过并且没有成功的。

  1. import BaseBundle = require("src/main/ts/bundles/BaseBundle");
  2. import BaseBundle = require("bundles/BaseBundle");
  3. /// <.reference path="bundles/BaseBundle.ts" />
  4. /// <.reference path="src/main/ts/bundles/BaseBundle.ts" />
  5. BaseBundle.ts只有一个接口名称BaseBundle。 每当我尝试访问BaseBundle中的Main.ts时,我都会收到错误。

    请帮助提出任何建议或想法

1 个答案:

答案 0 :(得分:0)

在这里得到答案很难,没有任何错误信息:[但我会尝试,因为我没有足够的声誉通过评论要求进一步的信息..

  

/// <.reference path="src/main/ts/bundles/BaseBundle.ts" />

在第4点中使用<reference path="src/main/ts/bundles/BaseBundle.ts" />,但不使用&#39;。&#39;。

  

导入BaseBundle = require(&#34; bundles / BaseBundle&#34;);

你不在课堂上时应该工作。这是我的方法:

    ///<reference path="./i1.ts" />

import i1 = require('i1');

class c1 implements i1.i1{
//import i1 = require('i1');

constructor() {

}

}

注意:我的界面名为i1。现在唯一的错误是,我必须实现我在界面中定义的函数。

所以我有这样的方法,intellisense不会给我一个错误。

i1.ts:

export interface i1 {
fktn1();
fktn2();
} 

c1.ts

///<reference path="./i1.ts" />

import i1 = require('i1');

class c1 implements i1.i1{
    //import i1 = require('i1');

    constructor() {

    }

    fktn1() {
        //interface function
    }

    fktn2() {
        // Interface function
    }

}

http://www.typescriptlang.org/Handbook#modules-going-external

希望能让你更清楚。

编辑:

告诉答案的一半:在Visual Studio中,转到Prject-&gt; YourWebProject-Settings-&gt; Typescript-Build并设置您的Modul系统。我选择了AMD&#39;。 Here you can see what I mean

另请注意,您必须在变量BaseBundle中引用BaseBundle类

    ///<reference path="BaseBundle.ts"/> 

import BaseBundle = require('BaseBundle');

class blubb implements BaseBundle.BaseBundle {


}