NextJS自定义图像加载器-未应用

2ledvvac 于 2023-06-05 发布在其他

关注(0)|答案(1)|浏览(239)

我正在尝试为NextJS自定义加载器。但是当我实现它时，它返回如下错误：

Error: Image with src "/image/logo.png" is missing "loader" prop.
Read more: https://nextjs.org/docs/messages/next-image-missing-loader

我的next.config.js文件：

module.exports =
  {
    images: {
      loader: 'custom',
      loaderFile: './optimization/loader.js',
    },

该文件位于根目录。projectname/optimization/loader.js

export default function customImageLoader({ src, width, quality }) {
    return `https://blabla/${width}x/${height}/${src}?q=${quality || 75}`
}

哪个配置是错误的？我在文档中应用了完全相同的步骤：https://nextjs.org/docs/api-reference/next.config.js/custom-image-loader-config
为什么它不工作？你知道吗？

1条答案

您可能正在使用旧版本的Next.js，因为loaderFile功能仅从Next.js 13开始可用。您可以使用此库作为替代：https://github.com/aiji42/next-image-loader。