Skip to content

ESLint errors after installing TanStack Router following official guide #123

Open
@pejeio

Description

@pejeio

Which project does this relate to?

Create Tanstack App

Describe the bug

After following the official installation guide for TanStack Router, running npm run lint gives multiple ESLint errors, some related to configuration parsing and others to code style rules.

Output

✗ npm run lint

> lint
> eslint

[@stylistic/eslint-plugin-js] This package is deprecated in favor of the unified @stylistic/eslint-plugin, please consider migrating to the main package

/Users/my-user/Desktop/my-app/eslint.config.js
  0:0  error  Parsing error: "parserOptions.project" has been provided for @typescript-eslint/parser.
The file was not found in any of the provided project(s): eslint.config.js

/Users/my-user/Desktop/my-app/prettier.config.js
  0:0  error  Parsing error: "parserOptions.project" has been provided for @typescript-eslint/parser.
The file was not found in any of the provided project(s): prettier.config.js

/Users/my-user/Desktop/my-app/src/lib/utils.ts
  1:16  error  Member 'ClassValue' of the import declaration should be sorted alphabetically  sort-imports
  1:16  error  Prefer using a top-level type-only import instead of inline type specifiers    import/consistent-type-specifier-style
  4:31  error  Array type using 'ClassValue[]' is forbidden. Use 'Array<ClassValue>' instead  @typescript-eslint/array-type

/Users/my-user/Desktop/my-app/vite.config.ts
  6:1  error  `node:path` import should occur before import of `vite`  import/order

✖ 6 problems (6 errors, 0 warnings)

Your Example Website or App

/

Steps to Reproduce the Bug or Issue

  1. Install Tanstack Router via pnpx create-tsrouter-app@latest
    Config:
│
◇  What would you like to name your project?
│  my-app
│
◇  Select the router type:
│  File Router - File-based routing structure
│
◇  Would you like to use Tailwind CSS?
│  Yes
│
◇  Select toolchain
│  ESLint
│
◇  What add-ons would you like for your project?
│  Shadcn, Query
│
◇  Would you like any examples?
│  none
│
◇  Initialized git repository
│
◇  Installed dependencies
  1. Run npm run lint

Expected behavior

After following the installation guide, I expect npm run lint to complete without configuration or parsing errors.

Screenshots or Videos

No response

Platform

macOS

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions