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

Question

I am new to Angular, and as you know to be a good Angular developer you have to be good in typescript, so I wrote my simple program as you can see :

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

var message:string;

message = "Hi";

loge(message); 

There is no Syntax error I believe But I get this in my Terminal :

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

I don't know why I get this, I need to help so I can move on. I am using the version 2.5.3 of typescript and PhpStrom as an IDE.

Any help would be much appreciated.

Answer 1

Type annotations don't exist in JavaScript, so this line:

var message:string;

Should be:

var message

Remember to transpile your TypeScript to JavaScript - and reference the JavaScript file in your application.

Answer 2

First you need to transpile your typescript into javascript. Then you are able to use them in your browser environment.

Put a tsconfig.json like below into your project folder

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

Put your typescript file into ./src and run tsc . Then the transpiled file will be in ./dist . Use them in your browser will work

Answer 3

I also was getting the same problem because I was trying to compile the .ts file and then trying to run the same .ts file using node file_name.ts command.

But it should be like first compile .ts file using tsc file_name.ts then run the generated js file using node file_name.js.

Answer 4

I had the same problem. The problem is that I was trying to run the .ts file with node, which is actually a JS interpreter, so that gave me the error. the sequence of steps is to first call the TS compiler, and then node. tsc file.ts then node file.js