我创建了一个项目,并希望将其导出到静态html。我在package.json build" : "next build && next export
中使用了此命令
然后我在终端npm run build
上运行这个命令,最后它给予我一个out文件夹。
问题是,当我尝试从文件夹中访问HTML文件时,它只显示HTML内容,没有任何CSS和JS文件。我尝试了很多次,但它不工作。如果有人帮我摆脱这个问题,我会非常非常感谢他。
React错误418和423是:
水合失败,因为初始UI与服务器上呈现的不匹配。
水合时出错。由于错误发生在暂停边界之外,因此整个根将切换到客户端呈现。
我在next.config.js文件中使用这些代码
// /** @type {import('next').NextConfig} */
// const nextConfig = {
// reactStrictMode: true,
// swcMinify: true,
// }
// module.exports = nextConfig
module.exports = {
assetPrefix: './',
images: {
unoptimized: true
}
}
2条答案
按热度按时间a64a0gku1#
检查了它&它看起来像是与您如何编写HTML check here相关的内容
yizd12fk2#
您需要导航到导出的文件夹,打开cmd并运行http服务器,使用https://www.npmjs.com/package/http-server并在下面运行命令
npx http-server
,这将在端口8080中运行应用程序