GitHub 页面部署问题

Posted 2023-03-06

【中文标题】GitHub 页面部署问题

【英文标题】：GitHub Pages Deployment issue

【发布时间】：2022-01-20 19:39:25

【问题描述】：

每当我尝试将我的 react 构建部署到 GitHub 页面时，它都会给我一个““src”属性中的模式与任何文件都不匹配。” （下面的截图攻击）

https://github.com/Siarune/siarune.github.io

我找不到任何错误，但这是从另一个项目导入的，因为我开始使用 Next.js。

"scripts": 
"dev": "next dev",
"build": "next build",
"start": "next start -p $PORT",
"predeploy": "yarn run build",
"deploy": "gh-pages -b master -d build",  
"test": "next test",
"eject": "next eject",
"lint": "next lint",

【问题讨论】：

您可能已经检查过了，但是build 目录是否存在？

首先，您不能将此类应用程序部署到 GitHub 页面。您的应用程序应该是纯静态的，即没有任何 API 或 s-s-r/ISR。其次，Next.js 不会生成build 目录。它会生成一个 GitHub 页面不理解的 .next 目录。第三，没有像next eject 这样的东西。第四，如果您希望可以使用next build && next export 生成静态导出的html，它将生成一个out 目录。您可以将其部署到 GitHub 页面。您还需要在out 目录中创建一个.nojekyll 文件，以防止GitHub pages 的Jekyll 引擎阻塞_next 路由。

【参考方案1】：

它完全托管了静态站点，您可以使用类似的工具，例如 vercel/heroku。 此外，您也可以映射域名 CNAME