Nextjs 打字稿图像占位符

Question

我正在使用带有打字稿的 Nextjs。我正在尝试将图像组件与占位符道具一起使用。但我不断收到错误消息。

我的代码>

import bgSell from '../../public/assets/bgSell.jpg';

 <Image
    layout="fill"
    src={bgSell}
    className="z-0 absolute top-0 left-0 min-h-full min-w-full object-cover"
    placeholder="blur"
 />

我想我可能需要在 webpack 中做一些配置？

我查看了他们的 git repo 示例，一切正常，但他们使用的是 javascript。

这里是 next.js 示例的链接

https://github.com/vercel/next.js/blob/canary/examples/image-component/pages/placeholder.js

任何帮助都会很棒！

Answer 1

是的，我发现了这个问题。我使用的是 nextjs 版本 10。我将版本升级到 11，现在一切正常:)