NextJS dev and build mismatch

What I did?

• installed package (latest tailwind installed)
• restarted server with npm run dev
• entered couple of files and hit save
• reformatting worked

What was the problem?

• when I tried to do npm run build I got a lot of ESLint errors caused by prettier
• all errors suggested that the order is different than it should be
• I tried to delete .next dir, reinstall all and try to build again and still the problem remains
• vs code reported no errors in those files, they were reformatted properly, but build complained

Installed packages:

"eslint": "8.7.0",
"eslint-config-airbnb": "19.0.4",
"eslint-config-next": "12.0.8",
"eslint-config-prettier": "8.3.0",
"eslint-plugin-import": "2.25.4",
"eslint-plugin-jsx-a11y": "6.5.1",
"eslint-plugin-prettier": "4.0.0",
"eslint-plugin-react": "7.28.0",
"eslint-plugin-react-hooks": "4.3.0",
"autoprefixer": "10.4.2",
"postcss": "8.4.5",
"prettier": "^2.5.1",
"prettier-eslint": "13.0.0",
"prettier-plugin-tailwindcss": "^0.1.4",
"tailwindcss": "3.0.16",

[milanbgd011]

@bradlc

This is also resolved for me. Thank you very much for this!

[brianlovin]

I’ve started encountering this as well:

In this PR, my initial Vercel deploy failed, so I uninstalled this package and committed, then the next build completed successfully.

Could this be conflicting with the VSCode extension for intellisense in some way?