Nextjs trying to find a file that doesn't exist anymore

Question

I changed a file name from columns.tsx to columns.ts but Nextjs is still looking for the columns.tsx file. If I rename the file back to columns.tsx, it's now trying to find the columns.ts version.

This is while running next dev. I tried next build but without success.

If I make a copy of the file to have one columns.ts and one columns.tsx then it works.

Any clue as to why it happens and how to fix it?

wait  - compiling...
error - ./components/ui/tables/ReactTable/columns.tsx
Error: Failed to read source code from [...]/components/ui/tables/ReactTable/columns.tsx

Caused by:
    No such file or directory (os error 2)

Hi, i think this error occur because of EsLint rules. i hope this answer can help https://stackoverflow.com/a/59268871/7369564 or you can try allowing custom extensions by https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions — Saurabh, Apr 15 '22 at 07:02

score 18 · Accepted Answer · answered Apr 15 '22 at 07:53

18

I solved it by deleting the .next folder that includes the cache.

answered Apr 15 '22 at 07:53

Loïc Boset

343
3
13

Solved the issue for a refoctured file that was moved to a sub directory and exposed by an index.ts for me. – Kai Mattern Nov 23 '22 at 12:34
Why does this fix the issue? – Liam Pillay May 11 '23 at 04:07

Nextjs trying to find a file that doesn't exist anymore

1 Answers1