如何使 PhpStorm 在 .vue 文件中反映 TypeScript tsconfig.json？

Posted 2023-02-22

【中文标题】如何使 PhpStorm 在 .vue 文件中反映 TypeScript tsconfig.json？

【英文标题】：How to make PhpStorm reflect TypeScript tsconfig.json in .vue files?

【发布时间】：2018-01-15 10:50:41

【问题描述】：

我正在使用 Vue.js (webpack + vueify) 和 TypeScript。 ts 配置似乎有效，但仅适用于 .ts 文件。

例如在tsconfig.json我有

  "compilerOptions": 
    "strictNullChecks": false,

所以strictNullChecks 在.ts 文件中工作正常：

但不在.vue：

错误：

初始化器类型 null 不能分配给变量类型字符串

TypeScript 不会抛出编译错误，只有 phpStorm 似乎在检测配置方面存在问题。

我该怎么做才能使tsconfig.json 中的配置也反映在.vue 文件中？

【问题讨论】：

我建议在 WebStorm 论坛上发布同样的问题：intellij-support.jetbrains.com/hc/en-us/community/topics/…

相关***.com/questions/49521143/…

【参考方案1】：

WebStorm 自己的解析器不使用您的 tsconfig.json 进行错误报告。设置 "strictNullChecks": false 仅影响默认情况下用于错误突出显示 .ts 文件的 TypeScript 服务（如果在 Settings | Languages & Frameworks | TypeScript 中启用了使用 TypeScript 服务）

但 Typescript 编译器/服务目前不处理 .vue 文件 (https://github.com/Microsoft/TypeScript/issues/10427)，因此它仅对 .ts 文件启用；对于.vue 文件中的打字稿，使用 WebStorm 自己的解析器来代替

另一个问题是 WebStorm 在嵌入式打字稿中的行为不同 - 它接受在 .ts 文件中分配 null，但在 .vue 文件中不接受分配 (https://youtrack.jetbrains.com/issue/WEB-28029)