jeet-khondker / rtt-template

A Template Repository to start projects with ReactJS, TypeScript & TailwindCSS
MIT License
1 stars 0 forks source link

chore : Error : Could not find ESLint Configuration File #2

Closed jeet-khondker closed 4 months ago

jeet-khondker commented 4 months ago

Problem : Error : Could not find config file.

ESLint Configuration File Not Found Error

Background : After installing ESLint & Prettier inside the RTT (ReactJS + TypeScript + Tailwind CSS) Template and setting up the VSCode IDE Workspace, when ESLint is restarted, it gives the error as shown above.

Root Cause : According to ESLint Documentation, there is a major release from ESLint Version 8 to Version 9. When ESLint is configured into the project, the latest version of ESLint is 9.x. Although a ESLint Configuration File (.eslintrc) was created based on version 8.x by referencing from other sources. This create the Not Found Error of ESLint Configuration File.

Completion Criteria : The version of ESLint need to be updated to the latest version with the corresponding and compatible version of ReactJS. ESLint & Prettier both need to be working on the ReactJS project. ESLint Configuration File should be found and working properly.

What need to be done? : In order to follow all the requirements of Completion Criteria, ESLint Documentation need to be followed. Also Prompt Engineering Skills in using ChatGPT is required to refactor the entire codebase of the project.

Fixing Procedure :

  1. Check ESLint Current Version in package.json File. If the ESLint Current Version is not the latest version according to the ESLint Documentation, upgrade is required.
  2. Delete .eslintrc which is the ESLint Configuration File.
  3. Follow the instructions mentioned in the ESLint Documentation to install ESLint iin the project.
jeet-khondker commented 4 months ago

Completed inside ae146b8