5

在尝试组合一个 AMD 友好的 TypeScript 应用程序框架时,我遇到了一个障碍:我似乎无法从当前路径下拉以在另一个目录中导入模块。我可以导入上面的模块,但下面会引发错误:

TypeScript Error: The name ''../core/View'' does not exist in the current scope

这是我的(非常基本的)应用程序的结构:

app/
 - core/
    - View.ts
 - views/
    - HomeView.ts
 - Application.ts

在我的Application.ts文件中,我可以成功导入一个模块,如下所示:

import HomeView = module( 'views/HomeView' );

export class Application {
    constructor() {
        console.log( 'initializing Application' );
    }
}

哪个,当使用 --module AMD 标志时,正确输出

define(["require", "exports", 'views/HomeView'], function(require, exports, __HomeView__) {
    var HomeView = __HomeView__;

    var Application = (function () {
        function Application() {
            console.log('initializing Application', HomeView);
        }
        return Application;
    })();
    exports.Application = Application;    
})

现在,问题是当我跳入views/HomeView.js并尝试导入我的core/ViewBaseClass 以从以下位置扩展时:

import View = module('../core/View');

export class HomeView {
    constructor() {
        console.log('Hello HomeView!');
    }
}

这引发了这个完整的错误:

TypeScript Error: The name ''../core/View'' does not exist in the current scope
File: test/src/app/views/HomeView.ts
Start: 21, Length: 14

Line: import View = module('../core/View');
---------------------------^^^^^^^^^^^^^^--

这是编译器中的错误,还是我对模块导入的理解有误?为什么我可以导入views/HomeView,但不能../core/View

任何帮助将不胜感激。

4

1 回答 1

5

我设法使用根路径让它工作 - 虽然我不能告诉你为什么你的相对路径不起作用。

import view = module("./app/core/View");
于 2012-11-27T09:39:40.050 回答