javascript - 使用 Expo/React Native 和 Next 未显示图像

Question

所以我正在尝试使用 Native Base Solito 启动器:
https://github.com/GeekyAnts/nativebase-templates/tree/master/solito-universal-app-template-nativebase-typescript
这是我第一次尝试与 Next 合作，我正在尝试通过 Expo 获得图像支持。
根据世博会文件:
https://docs.expo.dev/guides/using-nextjs/
我应该可以使用 next-image ，我正在做的事情:

const { withNativebase } = require('@native-base/next-adapter')
const withImages = require('next-images')

module.exports = withNativebase(
  withImages({
    dependencies: [
      '@expo/next-adapter',
      'next-images',
      'react-native-vector-icons',
      'react-native-vector-icons-for-web',
      'solito',
      'app',
    ],
    nextConfig: {
      projectRoot: __dirname,
      reactStrictMode: true,
      webpack5: true,
      webpack: (config, options) => {
        config.resolve.alias = {
          ...(config.resolve.alias || {}),
          'react-native$': 'react-native-web',
          '@expo/vector-icons': 'react-native-vector-icons',
        }
        config.resolve.extensions = [
          '.web.js',
          '.web.ts',
          '.web.tsx',
          ...config.resolve.extensions,
        ]
        return config
      },
    },
  })
)

尽管如此，我的图像只是没有显示在 Next 中。元素是使用我应用于图像元素的样式生成的，但图像本身是 不是 显示。
我尝试了通用路由导入和直接路径:

import GrayBox from 'resources/images/graybox.png'
import Car from '../../../../packages/app/resources/images/car.png'

以及几种不同的图像用途:

<Image
  source={require('../../../../packages/app/resources/images/car.png')}
  style={{ width: 500, height: 750 }}
  alt="test"
/>

<Image
  source={GrayBox}
  key={index}
  style={{ width: 500, height: 750 }}
  alt="test2"
/>

<Image
  source={Car}
  key={index}
  style={{ width: 500, height: 750 }}
  alt="test3"
/>

这些图像均未显示。
我已经尝试了 react 原生图像:
https://reactnative.dev/docs/image
以及原生基地包装之一。
依然没有。
任何线索我的配置中有什么问题导致图像不显示？
我怀疑这是我的 next.config.js 里的东西
编辑:
如果我添加:

  plugins: [withImages, withFonts, [withExpo, { projectRoot: __dirname }]],

到我的 next.config.js，我收到以下错误:

../../packages/app/resources/images/cart_black.png
TypeError: unsupported file type: undefined (file: undefined)

Answer 1

如果我将它添加到我的 next.config.js 文件中，这似乎解决了我的问题:

plugins: [withImages, [withExpo, { projectRoot: __dirname }]],
  nextConfig: {
    images: {
      disableStaticImages: true,
    },
    ...
    }