ixartz / Next-js-Boilerplate

🚀🎉📚 Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS ✨

Home Page:https://nextjs-boilerplate.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Can't lint .tsx files

znat opened this issue · comments

Hi, thanks a lot for this boilerplate.
It works great except (at least for me) for validating/linting .tsx files.
The code compiles fine but I have a lot of inconsistent errors, here's an example:

image

Wondering if you had any pointers on how to solve this?
Thanks!

This isn't a ESLint error (linter), it's a compilation error with TypeScript.
Whether you've changed the TypeScript default configuration or you code is incorrect in TypeScript.

The code compiles fine and the app works as expected so I suspect it's not a true compiler error but rather something raised by eslint inside VSCode.

both .eslintrc and tsconfig.json are unchanged.

All tokens have their own errors:
image

image

If you think of something...

Based on your screenshot, the error code ts(XXXX) with a number is related to TypeScript compiler. If it's an ESLint error, it have eslint(XXXXXXXXX) as an error code.

Maybe a misconfiguration in VSCode? Some errors with some extension?

Didn't receive any response closing the issue for now.