WebStorm中HTML下unknown类型printers被推断为Prettier的Printer类型如何解决

下面是4种可直接操作的处理方案，可根据你的项目场景选择：

1. 手动显式标注变量类型（最推荐，不影响其他功能） #

直接为你的printers变量标注指定类型，覆盖WebStorm的自动推断结果：

• TypeScript项目写法：

// 可标注为你实际的业务类型，不确定的话可临时标注为unknown/any
const printers: unknown = /* 你的变量值 */;

• JavaScript项目写法（用JSDoc标注）：

/**
 * @type {unknown}
 */
const printers = /* 你的变量值 */;

如果仅需要忽略单条语句的报错，可在变量所在行上方添加// @ts-ignore注释。

2. 关闭单文件类型检查 #

如果不需要对当前文件做类型校验，可在文件第一行添加注释：
// @ts-nocheck
该注释对TS、JS文件均生效，可直接禁用当前文件的所有类型检查报错。

3. 全局关闭WebStorm基于类型定义的自动类型推断 #

如果你不需要WebStorm自动关联第三方库类型做自动推断，可修改编辑器配置：

• 打开WebStorm设置面板：File > Settings（Windows/Linux）/ WebStorm > Preferences（Mac）
• 进入路径：Languages & Frameworks > JavaScript
• 取消勾选Enable JavaScript type checking based on TypeScript definition files
• 如果你的项目是TS项目，还可以进入Languages & Frameworks > TypeScript，取消勾选Enable TypeScript compiler，关闭编辑器内置的TS类型校验。

4. 排除Prettier类型定义的自动加载 #

如果仅需要屏蔽Prettier的类型定义对变量推断的影响，可在项目根目录的配置文件添加排除规则：

• TS项目修改tsconfig.json，JS项目修改jsconfig.json，添加如下配置：

{
  "compilerOptions": {
    "typeRoots": [
      "./node_modules/@types",
      "!./node_modules/@types/prettier"
    ]
  }
}

配置保存后重启WebStorm即可生效，编辑器将不再加载Prettier的类型定义文件做自动推断。

内容的提问来源于stack exchange，提问作者Phuc Vuong