False positive `no-html-link-for-pages` ESLint rule triggered

See original GitHub issue

  I got an eslint error (no-html-link-for-pages):

Pages directory cannot be found at ~/Projects/HypeProxy.io/v3/application/pages or ~/Projects/HypeProxy.io/v3/application/src/pages. If using a custom path, please configure with the `no-html-link-for-pages` rule in your eslint config file.

_Originally posted by @thisisclint21 in https://github.com/vercel/next.js/discussions/41745#discussioncomment-4046328_

Reproduction:

git clone https://github.com/balazsorban44/nextjs-42448

pnpm i && pnpm lint

Note: After the first run, the result is saved in .next/cache/eslint and won’t show the message again. To reproduce again, remove the .next/cache/eslint folder.

Issue Analytics

State:
Created a year ago
Reactions:2
Comments:8 (7 by maintainers)

Top GitHub Comments

3reactions

mrkldshvcommented, Nov 3, 2022

Hey! I’d like to take this issue.

0reactions

SukkaWcommented, Nov 5, 2022

Hmm, from what I see enabling linting for appDir might be a bit more complicated because it introduces new app structure. Do we want to include it in the scope of this issue or it should be handled separately? I can disable this warning if there’s appDir, and we can work on linting for appDir in another issue. What do you think?

Let’s split this into 2 PRs. In the first PR, you can disable the warning if app exists (do not detect config.experimental.appDir as the option will be removed in the future).

Top Results From Across the Web

no-html-link-for-pages - Next.js

Why This Error Occurred. An <a> element was used to navigate to a page route without using the next/link component, causing unnecessary full...

Working with Rules - ESLint - Pluggable JavaScript Linter

"suggestion" means the rule is identifying something that could be done in a better way but no errors will occur if the code...

vercel/next.js - CodeTrace

False positive `no-html-link-for-pages` ESLint rule triggered · Duplicate props with `@next/codemod new-link` · Docs: Inline documentation for the 'legacyBehavior ...

ESLint with React gives `no-unused-vars` errors

First, install the following module npm install --save-dev eslint-plugin-react . Then, in your .eslintrc.json , under extends , include the ...

EsLint Plugin Lit A11y: anchor-is-valid - Open Web Components

Performs validity check on anchor hrefs. Warns when anchors are used as buttons. The HTML <a> element, with a valid href attribute, is...