nextjs- typescript- 类型“IntrinsicAttributes 和 IntrinsicClassAttributes”上不存在属性“className”

Question

我已经使用 typescript 链接创建了基本的 nextjs 应用程序 - https://github.com/zeit/next.js/tree/master/examples/with-typescript

我无法将 className 属性添加到任何元素。我收到以下错误。属性 'className' 不存在于类型 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly & Readonly<{ children?: ReactNode; }>

我也收到其他属性的类型错误，例如链接元素上的 rel。

Answer 1

请参阅 NextJS文档。Link 不是 DOM 元素，因此您需要将 className 直接添加到<a>标记中，而不是添加到<Link>.

文档中的基本示例：

// pages/index.js
import Link from 'next/link'

function Home() {
  return (
    <>
      <ul>
        <li>Home</li>
        <li>
          <Link href="/about">
            <a>About Us</a>
          </Link>
        </li>
      </ul>
    </>
  )
}

export default Home