Nuxt3+TypeScript环境下Vetur提示Cannot find name 'reactive'求助

• 先检查Nuxt自动导入配置
  Nuxt3默认开启API自动导入，但还是确认下nuxt.config.ts里的配置：

  export default defineNuxtConfig({
    imports: {
      autoImport: true // 确保这个是开着的，默认就是true
    }
  })
  

  另外Nuxt会生成.nuxt/imports.d.ts，里面得有reactive的类型声明，看看这个文件有没有，内容是不是正常的。

• 赶紧换掉Vetur，用Volar
  Vetur早就停更了，对Vue3和Nuxt3的TS支持拉胯得不行。直接卸载Vetur，装Vue Language Features (Volar)——这是官方推的Vue3编辑器工具，对Nuxt3的自动导入支持到位得很，换完基本能解决大部分编辑器识别问题。

• 修复TS类型提示
  换了Volar还不行的话，调整下tsconfig.json：

  1. 项目根目录的tsconfig.json要继承Nuxt的配置：

     {
       "extends": "./.nuxt/tsconfig.json",
       "compilerOptions": {
         "types": ["@nuxt/types"]
       }
     }
     

  2. 重启编辑器，让TS重新加载类型文件。

• 手动导入后提示变量未用？别手动导
  这是因为Nuxt已经自动把reactive注入到全局了，手动导入属于重复声明，TS当然会提示没用到。别手动写import {reactive} from 'vue'，靠自动导入就行，配置对了编辑器自然能识别。

• 最后清缓存重启
  跑npx nuxi clean清掉Nuxt的缓存，重启开发服务器，再把编辑器也重启一遍，确保所有配置都生效。

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