Reactjs 图像路径很奇怪，部署 Next.js 应用程序后我看不到任何图像

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

const nextConfig = {
  reactStrictMode: true,
  experimental: {
    appDir: true,
  },
  distDir: "out",
  output: "export",
};

module.exports = nextConfig;

  images: {
    loader: "imgix",
    path: "",
  },

export default function ImageLoader({ src }) {
  return `https://example.com/${src}`;
}

const nextConfig = {
  experimental: {
    appDir: true,
  },
  distDir: "out",
  output: "export",
  images: {
    loader: "custom",
    loaderFile: './ImageLoader.js'
  },
};

Reactjs相关问答推荐

更新数据时有关CQR和更新UI的问题

阻止在ShadCN和React中的FormLabel中添加 colored颜色

在迁移到Redux—Toolkit 2.0和Redux5.0之后，我在extraReducer和Slice方面有点挣扎，

条件索引路由

如何使Reaction Select 选项菜单从选项数组的特定索引开始

无法找出状态正在被更改的位置

使用VITE的Reaction应用程序的配置是否正确？

如何通过reactjs正确显示记录

React，当我调用handleSubmit()函数时，我正在将application/json和multiform/data中的数据发送到后端，但student_image中没有数据：null

React 错误无法读取未定义的属性(读取id)#react

在 React 中，如何在指向同一组件的路由中拥有未定义数量的多个动态路径段？

当 URL 与我声明的任何路由都不匹配时，如何使用不会重定向到错误页面的动态 URL？ - react 路由 dom

React 无效的钩子调用：如何避免嵌套钩子？

无法设置 null 的属性(设置src)

使用登录保护 React 中的 SPA 应用程序 - 为什么这种方法不起作用？

如何使用 redux 和 react-plotly.js

如何通过 React JS 中的映射将新元素添加到对象数据数组中

React Router v6 - 访问嵌套路由和处理手写 url 的正确方法

由于另一个子组件，如何在react 中渲染另一个子组件

警告：您在没有 `onChange` 处理程序的情况下为表单字段提供了 `value` 属性