How to make PhpStorm reflect TypeScript tsconfig.json in .vue files?

Question

I'm using Vue.js (webpack + vueify) and TypeScript. ts configuration seems to be working but only with .ts files.

For example in tsconfig.json I have

  "compilerOptions": {
    "strictNullChecks": false,

So strictNullChecks works fine in .ts files:

But not in .vue:

Error:

Initializer type null is not assignable to variable type string

TypeScript doesn't throw compile errors, only PhpStorm seems to have problems with detecting configuration.

What do I have to do so my configuration in tsconfig.json reflects in .vue files as well?

I would suggest posting the same question at WebStorm forum: intellij-support.jetbrains.com/hc/en-us/community/topics/… — Dmitrii
– Dmitrii, Commented Aug 10, 2017 at 11:29

lena · Accepted Answer · 2017-08-10 14:00:41Z

3

WebStorm own parser doesn't use your tsconfig.json for errors reporting. Setting "strictNullChecks": false only affects the TypeScript service that is used for error highlighting .ts files by default (if Use TypeScript Service is enabled in Settings | Languages & Frameworks | TypeScript)

But Typescript compiler/service doesn't currently handle .vue files (https://github.com/Microsoft/TypeScript/issues/10427), so it's only enabled for .ts files; for typescript in .vue files, WebStorm own parser is used instead

Another problem is that WebStorm behaves differently in embedded typescript - it accepts assigning null in .ts files, but not in .vue files (https://youtrack.jetbrains.com/issue/WEB-28029)

answered Aug 10, 2017 at 14:00

lena

94.4k11 gold badges155 silver badges160 bronze badges

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

Collectives™ on Stack Overflow

How to make PhpStorm reflect TypeScript tsconfig.json in .vue files?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related