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，現在一切正常:)