Firebase 存储图像未显示在 nextjs 应用程序中

Question

我正在使用 Vercel 的 Next.js 模板，只是尝试将底部的徽标图像替换为存储在 Firebase 存储中的徽标图像。我已经配置了 next.config.js，它不会抛出错误，但不会显示图像。它仅显示带有替代文本的图像缺少占位符。 这是我的 next.config.js

/**

* @type {import('next').NextConfig}

*/
const nextConfig = {

  images: {
  
  domains: ['firebasestorage.googleapis.com'],
  
  },
  
};
  
  
module.exports = nextConfig;

我还可以在浏览器中访问该图像。

编辑 14/08/21**

当我用标准的 html 标记替换 nextjs 图像标记时，图像确实会加载，因此 next 似乎有些问题。

Answer 1

是的，我遇到了同样的问题，并通过将图像标签从 NextJs 标签更改为普通的 html 标签来解决问题。这会起作用，是的，你会收到一个 eslint 警告，但你没有其他选项 希望这可能会有所帮助