静态 HTML 导出后，图片和手动添加的内容不会显示在 out 文件夹中

Question

我在 next.js 上完成了应用程序的构建，并决定使用静态 HTML 导出。首先，我配置了 next.config.js 并添加了

const nextConfig = {
  output: 'export',
}

第二，我跑

npm run build

。它创建了

out

文件夹，其中我有静态文件和

index.html

.

但是，当我打开

index.html

它不显示图像，即使我手动编辑

index.html

以添加要显示的静态文件的正确路径。

比如编辑前：

/_next/static/chunks/webpack-60d328ea1049e7c2.js

，编辑后：

./_next/static/chunks/webpack-60d328ea1049e7c2.js

。所以，css 文件有效，图像无效。

此外，我无法在生成的

index.html

中创建任何自定义HTML元素。好吧，实际上，我可以，但它没有显示出来。

仅当我删除对某些 js 文件的引用时，它才有效，但是，当然，此方法也会删除动画和一些元素。

此外，我在导出时关闭了图像优化（顺便说一下，静态 HTML 导出是必需的），当然，我添加了正确的图像路径。