I encountered ENOTDIR error.

I should've created components Folder and create Header.jsx in components folder.

Error : ENOTDIR: not a directory, scandir

It might be related to directory.

layout.js

Header.jsx

Current directory

As I guess, I didn't properly create components Folder, so I displaced Header.jsx file too.

Problem

1. I created components as "new file"

: It was supposed to be "new Folder"

2. Because of it, directory was unproperly created.

It was supposed to be like below

left click on src -> New Folder

src has-> app folder / components folder

left click on components -> New File -> Header.jsx

rfc : reactFunctionalComponents

change : import

Before

import Header from '@/Header'

After

import Header from '@/components/Header'

npm run dev -> check if runs well

Works well........!

It turns out that Error was caused by a directory problem.