javascript - 如何使用 Plaiceholder 在 Next js 中将我们的本地图像转换为 Base64

Question

我一直在使用 plaiceholder 获取 base64 转换后的图像，以便在 next/Image 组件中传入 blurDataUrl。

export const getStaticProps = async () => {
    const { base64, img } = await getPlaiceholder(
        "imagePath",
      { size: 10 }
    );
  
    return {
      props: {
        imageProps: {
          ...img,
          blurDataURL: base64,
        },
      },
    };
  };



 const PageBase64Single = ({ title, heading, imageProps }) => (
        <Image {...imageProps} placeholder="blur" />
);

这里我有两个问题：

1. 我想保持这个imagePath动态，以便我可以在 blurDataUrl 中相应地传递多个图像和 url
2. 当我使用它时，它给出了fs not found

卡了好久，求帮助