next.js - Next.js 图像未进入生产服务器

Question

图像组件

import Image from "next/image";

<Image
    src={`/images/gallery/m${label}.png`}
    layout="fill"
    objectFit="cover"
/>

next.config.js

const withImages = require("next-images");

module.exports = withImages({
    distDir: "build",
    webpack: (config) => {
        const found = config.module.rules.findIndex((rule) => {
          if (rule.test) {
            return rule.test.exec("u.svg");
          }
        });
        config.module.rules[found].test = /\.(jpe?g|png|gif)$/i;
        config.module.rules.push({
          test: /\.svg$/,
          use: [
            {
              loader: "@svgr/webpack",
              options: {
                svgoConfig: {
                  plugins: {
                    removeViewBox: false,
                  },
                },
              },
            },
          ],
        });
    
        return config;
    },
    images: {
        domains: ["*"],
    },
});
    

在这里，我试图在我的 UI 中显示本地图像。在开发服务器中它正在工作，但是当我部署它时它不起作用。它说内部服务器错误

https://frontend-319717.appspot.com/_next/image?url=%2Fimages%2Fgallery%2Fm1.png&w=1200&q=75

这是我在谷歌应用引擎上检查部署的应用程序：

https://frontend-319717.appspot.com/home

我该如何解决？