在 vite.config.ts 文件中配置完自动导入组件之后,在模板中使用,WebStorm 会给出一个黄色波浪线,提示我没有定义组件。虽然能够 dev 和 build,但是一堆黄色的波浪线很影响观感。

解决这个问题也很简单,在 tsconfig.json 中添加一个配置项。其他的配置项我就不给出了:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {"@/*": ["src/*"]}
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "components.d.ts"]
}

所有自动导入的组件都被 vite 写进了 components.d.ts 文件中,include 字段需要加上这个文件。