我是个React新手。我已经完成了一个项目,对于静态HTML导出,我在Package.json中使用了“NEXT BUILD&&NEXT EXPORT”,NPM运行BUILD命令。它还给了我一个Out文件夹。问题是,当我试图从本地文件夹和实时服务器访问HTML文件时,它只显示没有css和js的HTML内容。我试了很多方法,但都想不出这个问题。如果有人帮我这个忙,我会非常非常感谢他的。先谢谢你。
oknrviil1#
NEXT EXPORT允许您将Next.js应用程序导出为静态HTML,它可以独立运行,而不需要Node.js服务器。建议仅在不需要任何需要服务器的不受支持的功能时才使用下一次导出。
如果您希望构建一个混合站点,其中只有一些页面预先呈现为静态HTML,那么Next.js已经自动完成了这一任务
guz6ccqo2#
我也遇到过同样的问题。在我的例子中,更改src值解决了问题。以下是具体的步骤。
src
1.构建您的项目1.在Build文件夹中有index.html1.将<script src="/static/js/12345.js">更改为<script src="./static/js/12345.js">(添加“.在“/”之前)1.对<link href="/static/css/main.b57f21b0.css" rel="stylesheet">、<link rel="icon" href="/favicon.ico"/>、<link rel="manifest" href="/manifest.json"/>等文件结构字符串进行相同处理(如果存在)。1.你解决了问题。
<script src="/static/js/12345.js">
<script src="./static/js/12345.js">
<link href="/static/css/main.b57f21b0.css" rel="stylesheet">
<link rel="icon" href="/favicon.ico"/>
<link rel="manifest" href="/manifest.json"/>
2条答案
按热度按时间oknrviil1#
NEXT EXPORT允许您将Next.js应用程序导出为静态HTML,它可以独立运行,而不需要Node.js服务器。建议仅在不需要任何需要服务器的不受支持的功能时才使用下一次导出。
如果您希望构建一个混合站点,其中只有一些页面预先呈现为静态HTML,那么Next.js已经自动完成了这一任务
guz6ccqo2#
我也遇到过同样的问题。在我的例子中,更改
src
值解决了问题。以下是具体的步骤。1.构建您的项目
1.在Build文件夹中有index.html
1.将
<script src="/static/js/12345.js">
更改为<script src="./static/js/12345.js">
(添加“.在“/”之前)1.对
<link href="/static/css/main.b57f21b0.css" rel="stylesheet">
、<link rel="icon" href="/favicon.ico"/>
、<link rel="manifest" href="/manifest.json"/>
等文件结构字符串进行相同处理(如果存在)。1.你解决了问题。