我在 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
。所以,css 文件有效,图像无效。./_next/static/chunks/webpack-60d328ea1049e7c2.js
此外,我无法在生成的
index.html
中创建任何自定义HTML元素。好吧,实际上,我可以,但它没有显示出来。
仅当我删除对某些 js 文件的引用时,它才有效,但是,当然,此方法也会删除动画和一些元素。
此外,我在导出时关闭了图像优化(顺便说一下,静态 HTML 导出是必需的),当然,我添加了正确的图像路径。