問題

【Amplify と Figma の連携】Amplify Studio の UI Library を使ってみたの記事をやってみているときに発生した問題。

amplify pull --appId hogehoge --envName staging のコマンドを叩いても下記のエラーが発生してAmplifyからコンポーネントが生成されない。


ailed to pull the backend.
request to https://prod.us-east-1.appstate.amplifyapp.com/AppState/?appId=hogehoge failed, reason: getaddrinfo ENOTFOUND prod.us-east-1.appstate.amplifyapp.com
FetchError: request to https://prod.us-east-1.appstate.amplifyapp.com/AppState/?appId=d1gio7pqqkunam failed, reason: getaddrinfo ENOTFOUND prod.us-east-1.appstate.amplifyapp.com
    at ClientRequest.<anonymous> (/Users/HiguchiShuya/.nodebrew/node/v16.13.0/lib/node_modules/@aws-amplify/cli/node_modules/node-fetch/lib/index.js:1483:11)
    at ClientRequest.emit (node:events:390:28)
    at ClientRequest.emit (node:domain:475:12)
    at TLSSocket.socketErrorListener (node:_http_client:447:9)
    at TLSSocket.emit (node:events:390:28)
    at TLSSocket.emit (node:domain:475:12)
    at emitErrorNT (node:internal/streams/destroy:157:8)
    at emitErrorCloseNT (node:internal/streams/destroy:122:3)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)

解決策

ローカル環境でもAmplifyの認証をしていないのが原因なので amplify configure を実行する。
AWSコンソールがブラウザで起動するのでAWSのアカウントにログインしてやり、場合によってはIAMユーザーを作成してデフォルトで有効になっている必要なロール(AdministratorAdmin)をアタッチしてやる必要がある。
途中IAMユーザーのaccessKeyIdとsecretAccessKeyが聞かれるので作成されたクレデンシャルは保存しておくこと。
その後、CLIの回答にしたがって Successfully set up the new user.　が表示されたら完了。

amplify pull --appId hogehoge --envName staging が成功する。