我的命名空间没有定义。打字稿

Question

我得到了 Visual Studio Community 2015 + Node.js 工具 我创建了“空白 Node.js 控制台应用程序”Typescript 项目

我又添加了一个 TypeScript 文件 TypeScript1.ts 并添加了以下内容：

module MyModule {
    export class Calculator {
        add(x: number, y: number): number {
            return x + y;
        };
        constructor() { }
    }
}

在主文件 app.ts 中我放了这个：

/// <reference path="TypeScript1.ts" />
console.log('Hello world');
var subject: MyModule.Calculator;
subject = new MyModule.Calculator();
var result: number = subject.add(2, 3);
console.log(result);

它构建没有问题，但当我尝试调试/运行时，它指出：

ReferenceError: MyModule is not defined
    at Object.<anonymous> (C:\Users\User\Documents\Visual Studio 2015\Projects\NodejsConsoleApp1\NodejsConsoleApp1\app.js:8:15)

我做错了什么？

Answer 1

现在是 2017 年圣诞节，他们还没有解决这个问题 >:(。 亚历山大的解决方案是正确的。对于“Visual Studio Code”，在您的 tsconfig.json 文件中使用以下内容：

"compilerOptions": {
  "emitDecoratorMetadata": true,
  "experimentalDecorators": true,
  "module": "system",
  "outFile": "bundle.js",
  "target": "es5"
},

然后你运行你的捆绑文件“node bundle”。

Answer 2

命名空间无需引用即可工作... 我用过这样的东西...

sript1.ts

namespace A{
      class AA{
           var x:number;
           constructor(x:number){
                  this.x=x;
           }
      }
}

script2.ts

var y:A.AA = new A.AA(3);

即使文件位于项目的不同文件夹中，命名空间也可以工作。我没有引用或导入任何东西。

Answer 3

我相信问题很少（假设 TypeScript 1.5+）：

第一：/// <reference path="TypeScript1.ts" />

应该是：import MyModule from "./TypeScript1";

第二个相信你需要export module MyModule

或者你可以做改变

   module MyModule {
       export class Calculator {
           add(x: number, y: number): number {
               return x + y;
           };
           constructor() { }
       }
   }

到

       export default class Calculator {
           add(x: number, y: number): number {
               return x + y;
           };
           constructor() { }
       }

然后import Calculator from "./TypeScript1";

或者交替

       export class Calculator {
           add(x: number, y: number): number {
               return x + y;
           };
           constructor() { }
       }

然后import {Calculator} from "./TypeScript1";

分别取决于您选择以上哪一项。

第一个创建 Calculator 类作为主要导出，如果计算器是您计划保留在文件中的主要内容，则该类很有用，如果您计划在文件中包含多个同等重要的内容，则第二个很有用。

此外，模块关键字通常不再使用命名空间关键字，因为模块关键字太混乱，太多人将其与文件导入模块混淆。

Answer 4

我会检查app.js 的内容是否包含来自TypeScript1.ts 文件的代码。我的猜测是没有。

您可以按如下方式运行tsc 来修复它：

tsc --module commonjs --target es5 --outFile app.js TypeScript1.ts app.ts

请注意--outFile 选项。