内部模块中的导入声明不能引用外部模块
内部模块中的导入声明不能引用外部模块
提问于 2015-05-28 15:58:35
在实践TypeScript在VSCode中，开发Todo应用程序，试图导入"todo“模块时，vscode intellisense会生成一个错误:内部模块中的导入声明不能引用外部模块控制台还引发一个错误："TodoApp未定义”
有人能帮忙吗？我猜想这个结构是不正确的，但似乎不能纠正它。最终，我的目标是让.ts文件，最好都编译成一个js文件"testApp.js“。
这是我的代码：
task.ts
module TodoApp {
export enum TaskType { FrontEnd, BackEnd, Designer };
interface Itask {
Name: string;
Description: string;
TaskType: TaskType;
Completed: boolean;
}
export class Task implements Itask {
Name: string;
Description: string;
Completed: boolean = false;
TaskType: TaskType;
constructor(Name: string, Description: string, TaskType: TaskType) {
this.Name = Name;
this.Description = Description;
this.TaskType = TaskType;
}
}
}todo.ts
///<reference path="task.ts" />
///<reference path="../typings/jquery/jquery.d.ts" />
module TodoApp {
"use strict"
interface IJson {
}
interface ITaskManager {
Tasks: Task[];
GetTasks(t: any[]): void;
AddTask(t: Task): void;
UpdateTask(n: string, d: string, tt: TaskType): void;
DeleteTask: {
(i: number): void;
(i: Task): void;
}
}
export class TaskManager implements ITaskManager {
public Tasks = new Array<Task>();
constructor() {
}
GetTasks(d: any[]) {
}
public AddTask(_task: Task) {
this.Tasks.push(_task);
}
UpdateTask(_name: string, _desc: string, _taskType: TaskType) {
}
DeleteTask(i: any) {
if (typeof i === typeof Task) {
//delete object
} else {
//delete task of index
}
}
}
}testApp.ts
module TestApp {
import TodoApp = require("todo"); ///<< error occurs here
export class ControlTodoApp {
static Start() {
window.onload = function(e) {
var tm = new TodoApp.TaskManager();
var task = new TodoApp.Task("MyTask", "Task Description", TodoApp.TaskType.Designer);
tm.AddTask(task);
console.log(tm.Tasks);
}
}
}
}
var ca = new TestApp.ControlTodoApp.Start();index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body>
<div class="container">
<div class="inner">
<div class="img-cont">
<img src="assets/images/myimg.png" alt="my img" />
</div>
</div>
<div class="content"></div>
</div>
<script src="assets/js/default/jquery.min.js"></script>
<script src="assets/js/ts/testApp.js"></script>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2015-05-28 16:37:11
将commonjs and amd in code组合在一起，使用其中一个
testApp.ts
///<reference path="task.ts" />
///<reference path="todo.ts" />或
testApp.ts
module TestApp {
import TaskManager = require("todo");
import TaskType = require("task");
export class ControlTodoApp {
static Start() {
window.onload = function(e) {
var tm = new TaskManager.TaskManager();
var task = new TaskType.Task("MyTask", "Task Description", TaskType.TaskType.Designer);
tm.AddTask(task);
console.log(tm.Tasks);
}
}
}
}task.ts
export = TodoApp;
module TodoApp {
...
}todo.ts
export = TodoApp;
module TodoApp {
...
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30511620
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号