如何修复VS Code中Next.js与next-auth的导入建议失效问题

以下是几个可行的解决步骤：

• 确认依赖安装完整
  确保已经正确安装next-auth依赖：

  npm install next-auth
  

  若使用yarn或pnpm则对应替换命令。next-auth v4及以上版本自带类型定义，无需额外安装@types/next-auth。

• 调整jsconfig.json配置
  现有配置缺少baseUrl和部分关键编译选项，修改后如下：

  {
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@/*": ["./*"]
      },
      "moduleResolution": "node",
      "target": "ESNext",
      "module": "ESNext"
    },
    "include": ["**/*.js", "**/*.jsx"],
    "exclude": ["node_modules"]
  }
  

  baseUrl是paths配置的前提，补充编译选项能让VS Code更好地解析模块结构。

• 重启VS Code语言服务
  按下Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac），输入并执行Restart TypeScript Server命令。即使是JavaScript项目，VS Code也依赖TypeScript服务提供智能提示，重启后能刷新索引。

• 手动导入一次触发识别
  先手动写入正确的导入语句，让VS Code识别该模块：

  import { signIn, signOut } from "next-auth/react"
  

  之后再输入signIn等函数时，应该会自动出现导入建议。

• 检查VS Code设置
  打开设置面板，搜索javascript.suggest.autoImports，确保该选项处于启用状态；同时可以暂时禁用其他代码提示类插件，排查是否存在冲突。

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