I am encountering an issue after changing the directory of the EmptyTable.tsx file. Initially, the file was located at views/forms-tables/tables/react-table/EmptyTable, and I decided to move it to a new location: components/Tables/EmptyTable. Despite updating the import path in my code to reflect this change, the compiler continues to show me an error message indicating that it cannot resolve the module.

Specifically, the error message states: “Module not found: Can’t resolve ‘views/forms-tables/tables/react-table/EmptyTable'”. This error persists even though I have thoroughly checked and confirmed that the new import path is correct and the file exists in the specified directory. I have also ensured that there are no typos in the import statement and that I have saved all changes. Additionally, I have tried restarting the development server and clearing the cache, but the issue remains unresolved.

Failed to compile

Next.js (14.2.3)
./src/app/Client/(Payments)/Receipts/page.tsx:43:1
Module not found: Can't resolve 'views/forms-tables/tables/react-table/EmptyTable'
  41 | import IconButton from 'components/@extended/IconButton';
  42 | import Breadcrumbs from 'components/@extended/Breadcrumbs';
> 43 | import EmptyTables from 'views/forms-tables/tables/react-table/EmptyTable';
     | ^
  44 | import {
  45 |   CSVExport,
  46 |   HeaderSort,

https://nextjs.org/docs/messages/module-not-found

I treid to Clear Next.js Cache by using command: rm -rf .next but it still showing same message with old path