Next JS 13 应用程序项目在 VS Code 中保存文件和显示智能感知建议非常慢

Question

我在 VS Code 中开发 Next JS 13 应用稳定版项目时遇到了这个问题。我在开发模式下运行应用程序的时间越长，保存、intellicode 加载建议、Prettier 和 eslint 自动格式化所需的时间就越长。

案例示例：

1. 我在一个page.tsx文件中停留并编辑了很多次，这意味着nextjs也会编译很多次。
2. 随着时间的推移，出现保存和格式化加载缓慢的情况。
3. 缓慢的加载变得更加明显，尤其是在我移动到另一个文件后
4. 最后我尝试重新启动 VSCode 并再次运行 dev。
5. 重新启动后一开始一切都很顺利，但随着时间的推移...回到第 1 点。

这是一个非常奇怪的错误，因为只有在这个 Next JS 13 应用程序项目中才会发生滞后。同时我还打开了其他项目，例如React项目和Next JS 13 Pages项目，这些项目运行得很好。

目前还没有找到解决方案，已经尝试按照github社区的建议在tsconfig中添加.next并禁用扩展，但仍然出现延迟。

Answer 1

我决定尝试 Next.js 13.4，看看它是否适合我的项目。在一个简单的 React Vite 应用程序中，我有一个运行得非常好的基本表单。然而，在 Next.js 中重新创建后，开发模式变得极其缓慢。正如您所提到的，即使 Prettier 的编译时间也需要大量时间。到目前为止我一直无法找到解决方案（我尝试了一些解决方案，例如卸载一些软件包等，但没有运气）。

我发现与此问题相关的最接近的是这个没有解决方案的 GitHub 线程：https://github.com/vercel/next.js/issues/48748

如果您将来碰巧发现了解决此问题的方法，请在这里分享，我将不胜感激。

Answer 2

解决方案在此链接中

https://github.com/vercel/next.js/discussions/50417

“我在 prettier-plugin-tailwindcss 版本 0.3 上遇到了这个问题，使用 npm install --save-dev [email protected] 将其降级回 0.2.1 并重新启动 VSCode 为我解决了这个问题”