我设法解决它使用一些官方文件：
首先，我改变了程序加载图像的方式：现在有一个选择目录的按钮和一个选择脚本文件的按钮。2完成后，程序评估所选目录的内容：
这就是选择目录的方法：

// @ts-ignore
this.assetsDIR = await window.showDirectoryPicker();

以下是评价：

// @ts-ignore
for await (const entry of this.props.assetsDIR.values()) {
   entry.getFile().then((val: any) => { 
      this._assets.set(val.name, URL.createObjectURL(val));
   });
}

现在我有了Map中所有图片的URL，它们的名字作为键。完成后，我可以只使用图片的名字从Map中获取它：

<img src={this._assets.get(this._question.imagePath)} />

这看起来很完美，但是我遇到了一个安全策略问题，它不允许我加载图像，所以我在forge.config.ts文件中添加了这一行：

devContentSecurityPolicy: `default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;`,

这一行来自GitHub上问题的答案：https://github.com/electron/forge/issues/2331，应按如下方式放置：

const config: ForgeConfig = {
  packagerConfig: {},
  rebuildConfig: {},
  makers: [new MakerSquirrel({}), new MakerZIP({}, ['darwin']), new MakerRpm({}), new MakerDeb({})],
  plugins: [
    new WebpackPlugin({
      devContentSecurityPolicy: `default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;`,
      mainConfig,
      renderer: {
        config: rendererConfig,
        entryPoints: [
          {
            html: './src/index.html',
            js: './src/renderer.ts',
            name: 'main_window',
            preload: {
              js: './src/preload.ts',
            },
          },
        ],
      },
    }),
  ],
};

我也将assets文件夹从用户文档的workspace文件夹中移走，这样编译器和构建器就不会看到它们，也不会优化它们。感谢@ Alexandria 的帮助