在尝试组合一个 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/View
BaseClass 以从以下位置扩展时:
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
?
任何帮助将不胜感激。