Prettier & ESLint in VSCode

I'm trying to get Prettier and ESLint working in my Cursor (VSCode offshoot) editor in order to get it to highlight when there are the wrong number of tabs. I've tried installing @nuxt/eslint, eslint-config-prettier, prettier, with no success. On the advice of other posts here, I've removed eslint-config-prettier and prettier. I've tried installing @Anthony Fu/eslint-config but there was an error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: @antfu/[email protected]
npm ERR! node_modules/@antfu/eslint-config
npm ERR!   @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/eslint
npm ERR!   peer eslint@">=9.0.0" from @eslint-react/[email protected]
npm ERR!   node_modules/@eslint-react/eslint-plugin
npm ERR!     peerOptional @eslint-react/eslint-plugin@"^1.5.8" from @antfu/[email protected]
npm ERR!     node_modules/@antfu/eslint-config
npm ERR!       @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: @antfu/[email protected]
npm ERR! node_modules/@antfu/eslint-config
npm ERR!   @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/eslint
npm ERR!   peer eslint@">=9.0.0" from @eslint-react/[email protected]
npm ERR!   node_modules/@eslint-react/eslint-plugin
npm ERR!     peerOptional @eslint-react/eslint-plugin@"^1.5.8" from @antfu/[email protected]
npm ERR!     node_modules/@antfu/eslint-config
npm ERR!       @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Can anyone help please?

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: @antfu/[email protected]
npm ERR! node_modules/@antfu/eslint-config
npm ERR!   @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/eslint
npm ERR!   peer eslint@">=9.0.0" from @eslint-react/[email protected]
npm ERR!   node_modules/@eslint-react/eslint-plugin
npm ERR!     peerOptional @eslint-react/eslint-plugin@"^1.5.8" from @antfu/[email protected]
npm ERR!     node_modules/@antfu/eslint-config
npm ERR!       @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: @antfu/[email protected]
npm ERR! node_modules/@antfu/eslint-config
npm ERR!   @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/eslint
npm ERR!   peer eslint@">=9.0.0" from @eslint-react/[email protected]
npm ERR!   node_modules/@eslint-react/eslint-plugin
npm ERR!     peerOptional @eslint-react/eslint-plugin@"^1.5.8" from @antfu/[email protected]
npm ERR!     node_modules/@antfu/eslint-config
npm ERR!       @antfu/eslint-config@"2.16.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Can anyone help please?

Prettier & ESLint in VSCode

Prettier & ESLint in VSCode

Continue the conversation

Nuxt

Continue the conversation

Nuxt

Similar Threads