AWS-Amplify初学時のエラーと解決策

始めて一週間なのであまり信用しないでください. 自分用メモです.
Don't trust information on this page cause I'm new.

Error: TypeError: Cannot read property 'idToken' of undefined

amplify init で発生

E:\AWS-Amplify\desktopapp3>amplify init --appId hogehoge
Note: It is recommended to run this command from the root of your app directory
? Enter a name for the project desktopapp3
? Enter a name for the environment staging
? Choose your default editor: Visual Studio Code
? Choose the type of app that you're building javascript
Please tell us about your project
? What javascript framework are you using react
? Source Directory Path:  src
? Distribution Directory Path: build
? Build Command:  npm.cmd run-script build
? Start Command: npm.cmd run-script start
Using default provider  awscloudformation

For more information on AWS Profiles, see:
https://docs.aws.amazon.com/cli/latest/userguide/cli-configure-profiles.html

Failed to fetch Amplify Admin credentials
init failed
Error: TypeError: Cannot read property 'idToken' of undefined
    at Object.getAwsConfig (C:\Users\hogehoge\AppData\Roaming\npm\node_modules\@aws-amplify\cli\node_modules\amplify-provider-awscloudformation\src\configuration-manager.ts:)
    at processTicksAndRejections (internal/process/task_queues.js:)
    at Object.run (C:\Users\hogehoge\AppData\Roaming\npm\node_modules\@aws-amplify\cli\node_modules\amplify-provider-awscloudformation\src\initializer.js:hogehoge)

initが失敗してしまう
検索すると以下のサイトがヒット
amplify env add: Cannot read property 'idToken' of undefined
バージョンが新しいとだめらしいので
removeして古いものをインストール
ちなみにWin Macどちらでもエラーが出た

npm remove -g @aws-amplify/cli
npm install -g @aws-amplify/cli@4.36.2

このあとamplify configureを行うことが大切
しかしamplify init -appIdをするとエラー

E:\AWS-Amplify\desktopapp3>amplify init --appId hogehoge
Note: It is recommended to run this command from the root of your app directory
? Enter a name for the project desktopapp3
? Enter a name for the environment dev
? Choose your default editor: Visual Studio Code
? Choose the type of app that you're building javascript
Please tell us about your project
? What javascript framework are you using react
? Source Directory Path:  src
? Distribution Directory Path: build
? Build Command:  npm.cmd run-script build
? Start Command: npm.cmd run-script start
Using default provider  awscloudformation


init failed
InvalidSignatureException: The request signature we calculated does not match the signature you provided. Check your AWS Secret Access Key and signing method. Consult the service documentation for details.

しかし環境の名前をstagingと
webの管理画面ときちんと一致させるとエラーが発生しなくなった

E:\AWS-Amplify\desktopapp3>amplify init
Note: It is recommended to run this command from the root of your app directory
? Enter a name for the project desktopapp3
? Enter a name for the environment staging
? Choose your default editor: Visual Studio Code
? Choose the type of app that you're building javascript
Please tell us about your project
? What javascript framework are you using react
? Source Directory Path:  src
? Distribution Directory Path: build
? Build Command:  npm.cmd run-script build
? Start Command: npm.cmd run-script start
Using default provider  awscloudformation


Your project has been successfully initialized and connected to the cloud!

ここを変更

? Enter a name for the environment staging

? Enter a name for the environment dev

!!! Build failed

git push origin master をした後にAWS-Amplifyで自動でビルドする時に発生
細かく見ると原因は以下

Cannot find file './aws-exports' in './src'.

ローカルで確認するとaws-exports.jsはある
しかしgithubを見るとない
ここでgit addをすると

console

E:\AWS-Amplify\desktopapp3>git add src\aws-exports.js
The following paths are ignored by one of your .gitignore files:
src/aws-exports.js
hint: Use -f if you really want to add them.
hint: Turn this message off by running
hint: "git config advice.addIgnoredFile false"

なぜかgitignoreでgit addできなくなっている
そこで

.gitignore

#amplify
amplify/\#current-cloud-backend
amplify/.config/local-*
amplify/mock-data
amplify/backend/amplify-meta.json
amplify/backend/awscloudformation
build/
dist/
node_modules/
#aws-exports.js
awsconfiguration.json
amplifyconfiguration.json
amplify-build-config.json
amplify-gradle-config.json
amplifytools.xcconfig

コメント化して強制的にgit addさせる

User pool client hogehoge does not exist.

React アプリケーションの構築をもとにつくったアプリでアカウントを作ろうとしたらエラーが画面上部に出現

amplify pullでAmplify Adminにアカウントがわからずサインインできない

ユーザ名　aws-amplify-admin
パスワード　空白
でログインできる

Failed to communnicate with the Amplify CLI. You can try again by running:

amplify pullで自動的に立ち上がったAmplify Adminに
aws-amplify-adminでログインをしようとすると発生
このときのamplifyは

(base) hogehoge-MacBook-Pro:desktopapp3 hogehoge$ amplify -v
4.40.0

多分バージョンのせい
なのでアップデートしてみる
古いものに戻すのではなく

amplify upgrade

しかし治らないので
バージョンを4.36.2にした

実行環境

E:\AWS-Amplify\desktopapp3>amplify -v
4.36.2

E:\AWS-Amplify\desktopapp3>npm -v
6.14.9

E:\AWS-Amplify\desktopapp3>node -v
v14.15.3

参考文献

AWS公式　React アプリケーションの構築