如何在 Next.js 中启用 <a> 标签？

Question

我不想使用下一个 <Link>。我一直在研究如何禁用它，但我不能。

我想禁用它并使用默认的 html 标签 <a>。

它不允许我部署，因此一直出错。

谁能帮帮我？

我得到的错误：

12:9 Error: Do not use the HTML tag to navigate to /. Use Link from 'next/link' instead. See: https://nextjs.org/docs/messages/no-html-link-for-pages @next/next/no-html-link-for-pages

Answer 1

您可以在 .eslintrc 文件中禁用 @next/next/no-html-link-for-pages ESLint 规则。

{
  // ...
  "rules": {
    // Other rules
    "@next/next/no-html-link-for-pages": "off"
  }
}

请注意，不建议使用上述内容，因为使用 <a> 元素而不是 next/link 组件将禁用页面之间的 client-side 路由转换。这意味着将从服务器加载所有页面。

如何在 Next.js 中启用 <a> 标签？

How to enable the use of <a> tag in Next.js?

eslint

next.js