Github actionでS3にデプロイできない

Question

Githubアクションに以下の設定を書き込み、
コミットされたタイミングでNext.jsのソースコードがbuildされ
S3にデプロイされることを期待しています。

name: Build React on S3
on:
  push:
      branches:
        - master
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@master  # リポジトリをチェックアウト

      - name: Install Dependencies
        run: npm install

      - name: Build
        run: npm run build  # React ビルド

      - name: Deploy  # S3にデプロイ 
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
        run:
          aws s3 cp --recursive --region ap-northeast-1 build s3://バケット名

しかしながら、以下のメッセージが表示され失敗に終わります。

Run aws s3 cp --recursive --region ap-northeast-1 build s3://バケット名

The user-provided path build does not exist.
Error: Process completed with exit code 255.

バケット名は確かに存在しています。対応方法をご教示願います。

Git Hubのソースは、チュートリアルのものを使用していて、何も修正を加えていません。
そのそもどのファイルをビルドしてS3に持って行っているのでしょうか？
私の推測は、out or buildフォルダみたいなものが作られて、それだけをコピーされるイメージです
pages
|_ index.tsx
public
|_ vercel.svg
package.json
tsconfig.json

{
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "export": "next build && next export",
    "type-check": "tsc --pretty --noEmit",
    "format": "prettier --write .",
    "lint": "eslint . --ext ts --ext tsx --ext js",
    "test": "jest",
    "test-all": "yarn lint && yarn type-check && yarn test"
  },

Answer 1

run:
  aws s3 cp --recursive --region ap-northeast-1 build s3://バケット名

The user-provided path build does not exist.

buildディレクトリをS3にアップロードするコマンドで、buildディレクトリがないためエラー終了しています。

- name: Build
  run: npm run build  # React ビルド

ビルドが期待通りに動作していないと推測します。package.jsonでbuildタスクが正しく定義されていますか？ビルドの結果がbuildディレクトリとして出力されるようにタスクを定義する必要があります。

参考

フロントエンド開発の３ステップ（npmことはじめ） - Qiita

npm runとは、npm scriptsと呼ばれるタスク実行機能を呼び出すコマンドです。
機能は一つしかありません。

package.json内に書かれたシェルスクリプトを実行するだけ
これだけです。

使用例を挙げましょう。
例えば下記のようにpackage.json内に書いておきます。

{
"scripts": {
"build": "browserify src/main.js > build/bundle.js"
}
}

Comments

[pokemonta]

https://www.freecodecamp.org/news/how-to-use-github-actions-to-deploy-a-next-js-website-to-aws-s3/
の記載のとおり
"build": "next build && next export",　を指定しましたがダメでした。
stackblitzでは、webサイトみれているのに

[jhashimoto]

nextは使ったことがありませんが、ご提示のリンク先を翻訳すると
> 終了したら、outディレクトリ内を調べて、新しいWebサイトのすべてのファイルを確認できます
とあるので、ビルド出力先はoutディレクトリではないでしょうか。であれば、

> aws s3 cp --recursive --region ap-northeast-1 build s3://バケット名

S3にアップロードするのは、buildディレクトリではなく、outディレクトリになります。

[pokemonta]

outでもダメなんですよね・・・
reactのyml記載方法を参考にしています。バケット名とbuild→outに変えただけです
https://dev.classmethod.jp/articles/deploy-web-site-with-github-actions/

[jhashimoto]

ローカル環境ではビルドできているのでしょうか？

[jhashimoto]

ローカルでビルドできているのなら、環境の問題だと考えられます。

https://dev.classmethod.jp/articles/deploy-web-site-with-github-actions/

リンク先の「GitHubのSecrets設定」は済んでますか？

[pokemonta]

stackblitzでしか見てません。
pcが社内lanのproxyやらでややこしくて。ですので、ローカルでビルドできるかわかりません。
GitHubのSecrets設定は完了してます。

[jhashimoto]

事情はよくわかりませんが、ローカルでビルドできるか不明となると、原因の切り分けが難しいです。自分で検証する時間はとれそうにないので、これ以上お役に立てないかと思います。