WebStorm 无法识别 Next.js 个项目

Question

我在 React Next.js 中遇到一个现有项目的问题，之前它工作正常，但现在无法识别项目和文件。 因此我无法搜索文件，也无法在文件中找到。

我已经试过了File > Invalidate Caches还是无法识别

有谁知道导致此问题的原因以及解决方法？

附上截图。

无法识别 WebStorm 项目：

无法识别 WebStorm 项目文件：

WebStorm 无法搜索文件：

WebStorm 在文件中找不到：

Answer 1

根据@s0xzwasd and @LazyOne建议总结：

问题：

项目配置以某种方式损坏。文件被视为“项目外部”。

Fix/Solution 步数：

1. 从 WebStorm 关闭项目。
2. 备份并删除项目根目录下的.idea目录
3. 重新打开项目。
4. IDE 将从现有文件创建一个新项目/将文件视为包含在项目中。