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

Question

<Link>以后就不想用了 我一直在研究如何禁用此功能，但我做不到。

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

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

谁能帮我？

我得到的错误：

12:9 错误：不要使用 HTML 标记导航到 /。请改用“下一个/链接”中的链接。请参阅：https://nextjs.org/docs/messages/no-html-link-for-pages @next/next/no-html-link-for-pages

Answer 1

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

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

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