使用Next.js+TypeScript+Tailwind CSS运行yarn dev时遇TS6046错误求助

这个错误是因为TypeScript的moduleResolution配置值不符合要求，按照以下步骤排查修复：

• 检查并修正tsconfig.json配置
  打开项目根目录的tsconfig.json，找到compilerOptions下的moduleResolution字段，确保它的值是node、classic、node16或nodenext中的一个。Next.js项目通常推荐使用"moduleResolution": "node"，如果之前配置了比如node12这类已被废弃的值，就会触发这个错误。

• 确认依赖版本兼容性
  查看package.json里的next和typescript版本，确保两者兼容。比如Next.js 13及以上版本建议搭配TypeScript 4.9+，低版本Next.js可能不支持node16/nodenext，这种情况下切换回node即可。

• 清除缓存后重启服务
  执行以下命令清除缓存，再重新启动开发服务：

  yarn cache clean
  rm -rf .next
  yarn dev
  

• 排查其他TS配置文件冲突
  如果项目中存在tsconfig.node.json或其他自定义TS配置文件，也要检查这些文件里的moduleResolution参数，确保没有使用不符合要求的值，避免配置冲突。

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