Angular 2 with errors in Sublime Text 3

Question

I try to start a new project in Angular 2 on Windows based on the following repository: https://github.com/mgechev/angular2-seed

Everything works fine (npm install, npm start, ...) except that Sublime Text 3 shows me some errors that are not present when I execute the project.

Here are the steps I followed:

$ git clone https://github.com/mgechev/angular2-seed.git
$ cd angular2-seed
$ npm install

Then I open the project with Sublime Text (with the TypeScript package) and I face some errors/warnings in the code.

Error #1

Classes with @Component decorators show the following error:

Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remove this warning.

(it ignores the line "experimentalDecorators": true in tsconfig.json)

Error #2

In src/client/app/about/about.component.ts for example, on the line:

  moduleId: module.id,

Sublime shows this error:

Cannot find name 'module'.

The tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "declaration": false,
    "removeComments": true,
    "noLib": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es6", "es2015", "dom"],
    "sourceMap": true,
    "pretty": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noFallthroughCasesInSwitch": true,
    "typeRoots": [
      "./node_modules/@types",
      "./node_modules"
    ],
    "types": [
      "node"
    ]
  },
  "exclude": [
    "node_modules",
    "dist",
    "src"
  ],
  "compileOnSave": false
}

The package.json

https://github.com/mgechev/angular2-seed/blob/27db8a19f70470f5110482df1a4debc1100ec347/package.json

Do you why I have this 2 errors? I can develop but it's not very pleasant.

can you please upload your package.json file

Abhinandan
– Abhinandan

2016-09-29 00:22:35 +00:00
Commented Sep 29, 2016 at 0:22 — Abhinandan
– Abhinandan, Commented Sep 29, 2016 at 0:22

Mc 100's · Accepted Answer · 2016-09-29 21:01:36Z

19

I solved my issue thanks to this link: https://github.com/Microsoft/TypeScript-Sublime-Plugin/issues/470

To summarize:

Go to the User preferences (Ctrl + Shift + P > Preferences: Settings)
Add the following line: "typescript_tsdk": "C:/...../npm/node_modules/typescript/lib", (with the appropriate link)
Restart Sublime Text
Test if it works in about.component.ts file by pressing F12 when the cursor is on module.id
Enjoy!

answered Sep 29, 2016 at 21:01

Mc 100's

4801 gold badge4 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dev Over a year ago

Where can I find this settings in visual studio 2017?

Mooncake Over a year ago

Thanks God that made the trick. Under Ubuntu (and I guess most of the Debian based distros) the line should be: "typescript_tsdk": "/home/user/.config/sublime-text-3/Packages/TypeScript/typescript/libs"

Mikhail Elizarev · Accepted Answer · 2017-04-05 14:39:35Z

1

I'll add my finding with the exact same problem.

I've got this problem and fixed it using the method listed above. But after I've brought my frontend app to the server-side file structure (I use flask as my server-side engine), the problem reappears. I've solved it using changing tsc path from system-wide into /frontend/node_modules/typescript/bin/tsc - namely, the local version of the typescript I'd used inside my project. That solved my problem – by now.

answered Apr 5, 2017 at 14:39

Mikhail Elizarev

9753 gold badges10 silver badges22 bronze badges

Comments

Mike Literman · Accepted Answer · 2017-01-11 14:57:58Z

0

I had trouble finding my typescript file as it was cleverly disguised as "tsc" but mine was located in:

C:\Users\Mike\AppData\Roaming\npm\node_modules\typescript\lib

To find it, I ran the command:

where tsc

answered Jan 11, 2017 at 14:57

Mike Literman

194 bronze badges

Collectives™ on Stack Overflow

Angular 2 with errors in Sublime Text 3

Error #1

Error #2

The tsconfig.json

The package.json

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Error #1

Error #2

The tsconfig.json

The package.json

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related