WebStorm unable to recognise Next.js project

Question

I'm having an issue with an existing project in React Next.js, previously it was working fine but now it's unable to recognise the project and files. Hence I cannot search for files, and also cannot find in files.

I have tried File > Invalidate Caches but it's still not able to recognise.

Does anyone know what causes this issue, and how to fix it?

Screenshots attached.

WebStorm Project not recognised:

WebStorm Project files not recognised:

WebStorm cannot search files:

WebStorm cannot find in files:

Try to close WebStorm, backup and delete .idea directory in the project root. — s0xzwasd
– s0xzwasd, Commented Oct 1, 2021 at 8:57
Your project config seems to be somehow corrupted -- based on your screenshot WebStorm treats all files as "outside of the project". Delete .idea folder as per comment above and re-open the project (may need to use "Open" and point to the project root folder) -- the IDE will create a new project from existing files. — LazyOne
– LazyOne, Commented Oct 1, 2021 at 11:27
Thank you! Tried and it works, project files are detected again. — Audwin Oyong
– Audwin Oyong, Commented Oct 1, 2021 at 14:52

Audwin Oyong · Accepted Answer · 2022-01-06 12:04:39Z

2

Summary based on @s0xzwasd and @LazyOne suggestion:

Issue:

Project config is somehow corrupted. Files are treated as "outside of the project".

Fix/Solution steps:

Close the project from WebStorm.
Backup and delete .idea directory in the project root.
Re-open project.
IDE will create a new project from existing files / treating the files as included in the project.

edited Jan 6, 2022 at 12:04

answered Oct 1, 2021 at 14:52

Audwin Oyong

2,5273 gold badges21 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Victor Basso · Accepted Answer · 2025-07-31 14:54:26Z

1

It was a permission issue for me, using MacOS Sequoia 15.

Apparently you need to give permission to WebStorm if your project is under Documents, Desktop or Downloads.

Go to Privacy & Settings > Files & Folders > WebStorm.

edited Jul 31 at 14:54

answered Jul 28 at 17:36

Victor Basso

5,8545 gold badges46 silver badges61 bronze badges

Collectives™ on Stack Overflow

WebStorm unable to recognise Next.js project

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related