【问题标题】:GitHub Pages Deployment issueGitHub 页面部署问题
【发布时间】: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 或 SSR/ISR。其次,Next.js 不会生成build 目录。它会生成一个 GitHub 页面不理解的 .next 目录。第三,没有像next eject 这样的东西。第四,如果您希望可以使用next build && next export 生成静态导出的HTML,它将生成一个out 目录。您可以将其部署到 GitHub 页面。您还需要在out 目录中创建一个.nojekyll 文件,以防止GitHub pages 的Jekyll 引擎阻塞_next 路由。

标签: reactjs next.js github-pages


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-10-19
    • 2018-05-16
    • 2023-02-24
    • 2013-02-19
    • 2020-08-10
    • 2022-11-19
    • 2021-02-14
    • 2016-02-05
    相关资源
    最近更新 更多