github-pages:ENOENT:没有这样的文件或目录,stat '*\next\build'

j7dteeu8  于 2023-05-06  发布在  Git
关注(0)|答案(1)|浏览(239)

我想在GitHub上部署我的Next.js项目,并将gh-pages安装到我的Next.js项目中,基于https://blog.logrocket.com/8-ways-deploy-react-app-free/#github-pages,使用

npm install --save gh-pages

但之后

npm run deploy

项目已成功生成,但使用以下两个命令

breeze-next@0.1.0 deploy
gh-pages -d build

这个错误出现了:

ENOENT: no such file or directory, stat 'project-path\breeze-next\build'

我该怎么解决这个问题?

ghhkc1vu

ghhkc1vu1#

你正在使用Next.js并尝试使用gh-pages包将应用程序部署到GitHub Pages。默认情况下,gh-pages包会在项目的根目录中查找“build”文件夹,但由于Next.js使用不同的文件夹名称作为构建输出(默认情况下为“.next”),因此您需要指定要与gh-pages一起使用的自定义构建目录。
为此,您可以将“distDir”配置添加到Next.js项目的“next.config.js”文件中。这将告诉Next.js为构建输出使用不同的目录。在您的例子中,您可以将其设置为“build”,以匹配gh-pages查找的默认目录。

以下是“next.config.js”文件的示例:

// next.config.js

module.exports = {
  distDir: 'build',
}

注意!
**但是GitHub Pages提供了一种简单的方法,可以使用GitHub Actions将Next.js应用程序部署到GitHub Pages站点。
您可以遵循以下步骤:

1.转到Next.js应用程序所在的存储库。
1.点击“设置”选项卡。
1.在左列中,选择“页面”选项卡。
1.在“Source”部分,选择“GitHub Actions”。
1.点击“保存”按钮。

  1. GitHub会自动为你创建一个工作流文件。您不需要对该文件进行任何更改,因此只需将其提交到存储库即可。
    1.等待生成和部署过程完成。这可能需要几分钟。
    1.部署完成后,您应该能够看到GitHub Pages URL上托管的Next.js应用程序。
    使用此方法,您不需要安装任何其他包或在Next.js项目中配置任何设置。GitHub Pages将负责为您构建和部署应用程序。

相关问题