语法错误 - 打字稿 - 意外标记：？

Question

我是 Angular 的新手，你知道要成为一名优秀的 Angular 开发人员，你必须擅长打字，所以我编写了我的简单程序，如你所见：

function loge(messag){
    console.log(messag);
}

var message:string;

message = "Hi";

loge(message); 

我相信没有语法错误但我在终端中得到了这个：

SyntaxError: Unexpected token :
  at createScript (vm.js:80:10)
  at Object.runInThisContext (vm.js:139:10)
  at Module._compile (module.js:607:28)
  at Object.Module._extensions..js (module.js:654:10)
  at Module.load (module.js:556:32)
  at tryModuleLoad (module.js:499:12)
  at Function.Module._load (module.js:491:3)
  at Function.Module.runMain (module.js:684:10)
  at startup (bootstrap_node.js:187:16)
  at bootstrap_node.js:608:3

我不知道为什么我会得到这个，我需要帮助才能继续前进。 我正在使用 2.5.3 版的 typescript 和 PhpStrom 作为 IDE。

任何帮助将非常感激。

Answer 1

JavaScript 中不存在类型注释，所以这一行：

var message:string;

应该是：

var message

请记住将您的 TypeScript 转换为 JavaScript - 并在您的应用程序中引用 JavaScript 文件。

Answer 2

首先，你需要transpile您的打字稿成JavaScript。 然后您就可以在浏览器环境中使用它们。

将如下所示的 tsconfig.json 放入您的项目文件夹中

{
  "compilerOptions": {
      "outDir": "./dist/",
      "sourceMap": true,
      "module": "ES6",
      "target": "ES6",
      "baseUrl": "./src/"
  },
  "include": [
      "./src/**/*"
  ]
}

将您的打字稿文件放入./src并运行tsc 。 然后转换后的文件将在./dist 。 在浏览器中使用它们会起作用

Answer 3

我也遇到了同样的问题，因为我试图编译 .ts 文件，然后尝试使用 node file_name.ts 命令运行相同的 .ts 文件。

但它应该像首先使用 tsc file_name.ts 编译 .ts 文件，然后使用 node file_name.js 运行生成的 js 文件。

Answer 4

我有同样的问题。 问题是我试图用 node 运行 .ts 文件，这实际上是一个 JS 解释器，所以这给了我错误。 步骤顺序是先调用TS编译器，再调用node。 tsc file.ts 然后节点 file.js