使用next.js导出静态html无法正常工作

soat7uwm  于 2023-02-04  发布在  其他
关注(0)|答案(2)|浏览(314)

我创建了一个项目,并希望将其导出到静态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
 }
}
a64a0gku

a64a0gku1#

检查了它&它看起来像是与您如何编写HTML check here相关的内容

yizd12fk

yizd12fk2#

您需要导航到导出的文件夹,打开cmd并运行http服务器,使用https://www.npmjs.com/package/http-server并在下面运行命令npx http-server,这将在端口8080中运行应用程序

相关问题