AWS Amplifyにクライアント資産をデプロイしたい

実現したいこと

前提

(例)
Vue.jsで開発したフロント資産を、AWS Amplifyのホスティング機能を使ってデプロイしようとしています。
プロビジョニング・リポジトリのクローン・バックエンドのビルドまでは成功しますが、フロントエンドのビルドで毎回下記のエラーが発生し、ビルドが失敗します。
※ローカル環境で「npm run build」をたたいた場合は正常にビルドが通ります。

エラーログから、package.jsonが見つからないと怒られているようなのですが、プロジェクトの直下にpackage.jsonは存在しているため、理由が分からず・・・
イメージ説明

当方開発初心者につき、基本的なところをお聞きし恐縮ですが、本件の解決方法についてどなたか知見のある方がおりましたら、ご教授いただけますと幸いです。

発生している問題・エラーメッセージ

※プロジェクト名などは念のため「xxxx」として伏せさせていただきました

2023-10-07T10:00:33.947Z [INFO]: # Starting phase: build # Executing command: npm install 2023-10-07T10:00:34.288Z [WARNING]: npm 2023-10-07T10:00:34.288Z [WARNING]: ERR! code ENOENT npm ERR! syscall open 2023-10-07T10:00:34.288Z [WARNING]: npm ERR! path /codebuild/output/src305909508/src/xxxx/package.json 2023-10-07T10:00:34.289Z [WARNING]: npm ERR! 2023-10-07T10:00:34.289Z [WARNING]: errno -2 2023-10-07T10:00:34.290Z [WARNING]: npm 2023-10-07T10:00:34.290Z [WARNING]: ERR! enoent ENOENT: no such file or directory, open '/codebuild/output/src305909508/src/xxxx/package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent 2023-10-07T10:00:34.291Z [WARNING]: 2023-10-07T10:00:34.291Z [WARNING]: npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2023-10-07T10_00_34_166Z-debug-0.log 2023-10-07T10:00:34.295Z [ERROR]: !!! Build failed 2023-10-07T10:00:34.295Z [ERROR]: !!! Non-Zero Exit Code detected 2023-10-07T10:00:34.295Z [INFO]: # Starting environment caching... 2023-10-07T10:00:34.295Z [INFO]: # Uploading environment cache artifact... 2023-10-07T10:00:34.412Z [INFO]: # Uploaded environment cache artifact 2023-10-07T10:00:34.412Z [INFO]: # Environment caching completed

該当のソースコード

※上記を実行した際のymlファイルの中身は下記の通りです。

version: 1 frontend: phases: preBuild: commands: - npm install # IMPORTANT - Please verify your build commands build: commands: - npm run build artifacts: # IMPORTANT - Please verify your build output directory baseDirectory: /xxxx files: - '**/*' cache: paths: []

試したこと

①Amplify側のnodeバージョン(v16.19.0)がローカル環境(v16.20.2)より古かったため、下記の通りymlファイルを修正
→解決せず(同じエラーが出る)
【ymlファイルに追記したこと】
nvm install v16.20.2
nvm use v16.20.2

②調べたところ、npm install前にnode_moduleとpackage-lock.jsonを消したら通ったという記事を見つけたため再現
→解決せず(同じエラーが出る)
【ymlファイルに追記したこと】
rm -rf node_modules
rm -rf package.json
npm cache clean -force

③Buildに使っている標準のDockerイメージの問題を疑い、イメージを下記の通り指定
→解決せず(gitのCloningで失敗)
public.ecr.aws/docker/library/node:16.20.2
【エラーログ】

2023-10-06T16:52:49.755Z [INFO]: # Cloning repository: https://git-codecommit.ap-northeast-1.amazonaws.com/v1/repos/xxxx 2023-10-06T16:52:49.932Z [INFO]: 2023-10-06T16:52:49.933Z [INFO]: Cloning into 'xxxx'... aws codecommit credential-helper $@ get: 1: aws codecommit credential-helper $@ get: aws: not found fatal: could not read Username for 'https://git-codecommit.ap-northeast-1.amazonaws.com/v1/repos/xxxx': No such device or address 2023-10-06T16:52:49.933Z [ERROR]: !!! CustomerError: Unable to clone repository due to user error code: 128 2023-10-06T16:52:49.934Z [INFO]: # Starting environment caching... 2023-10-06T16:52:49.934Z [INFO]: # Environment caching completed Terminating logging...

補足情報(FW/ツールのバージョンなど)

コメントを投稿

0 コメント