Vue3 Vite项目中如何忽略node_modules的类型检查报错？

问题原因 #

启用verbatimModuleSyntax后，TypeScript要求所有类型必须使用类型专属导入（import type），但vue-slider-component的类型定义中未遵循此规则，导致类型检查报错。

可行解决方案 #

方案1：确保skipLibCheck在正确配置文件中生效 #

你之前尝试的--skipLibCheck可能因为配置文件的继承关系未生效。在tsconfig.app.json的compilerOptions中显式添加：

{
  "compilerOptions": {
    "skipLibCheck": true,
    // 其他原有配置...
  },
  "exclude": ["node_modules"]
}

注意：@vue/tsconfig的基础配置可能会覆盖部分设置，因此需要在tsconfig.app.json中显式声明skipLibCheck，而非仅依赖命令行参数。

方案2：临时禁用verbatimModuleSyntax #

如果项目不需要严格遵循该语法规则，可在tsconfig.app.json的compilerOptions中关闭它：

{
  "compilerOptions": {
    "verbatimModuleSyntax": false,
    // 其他原有配置...
  }
}

方案3：修复依赖库的类型问题（彻底解决） #

使用patch-package修改vue-slider-component的类型导入：

1. 安装patch-package：

npm install patch-package --save-dev

2. 找到node_modules/vue-slider-component/lib/vue-slider.vue中导入StateMap的代码，将普通导入改为类型导入：

// 原示例代码
import { StateMap } from './types'
// 修改为
import type { StateMap } from './types'

3. 生成补丁：

npx patch-package vue-slider-component

4. 在package.json的scripts中添加自动补丁脚本：

"scripts": {
  // 其他原有脚本...
  "postinstall": "patch-package"
}

这样每次安装依赖后都会自动应用补丁。

方案4：升级或替换依赖 #

检查vue-slider-component是否有新版本修复了类型问题，若有直接升级；若无，可考虑替换为其他维护更活跃的滑块组件（如@vueform/slider）。

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