前提・実現したいこと
AWSのチュートリアル「基本的なウェブアプリケーションを構築する」(https://aws.amazon.com/jp/getting-started/hands-on/build-web-app-s3-lambda-api-gateway-dynamodb/module-one/?e=gs2020&p=build-a-web-app-intro)を行なっているのですが、AWS Amplifyにて、Webアプリをデプロイしてブラウザに表示させる時にエラーが出てしまいます。
行っている手順としては、
1.HTMLファイルを作成
2.ファイルを index.html として保存。
3.HTML ファイルのみを ZIP (圧縮) 。
4.新しいブラウザウィンドウで、Amplify コンソールにログイン。オレゴン (us-west-2) リージョンを使用。
5.[デプロイ] で、オレンジ色の [get started] ボタンをクリック。
6.Deliverの[get started] を選択。
7.「Develop without git provider」を選択
8.オレンジ色の [Continue] ボタンをクリック。
9.[App 名] フィールドに、「GettingStarted」と入力。
10.環境名には、「dev」と入力。
11.[ドラッグ & ドロップ] メソッドを選択。
12.ZIP ファイルを選択し,[保存してデプロイ] ボタンをクリック。
13.数秒後、「Deployment successful completed」(デプロイが問題なく完了しました) が表示される。
14.[ドメイン] の下のリンクをクリック。
15.ウェブアプリが新しいブラウザタブに読み込まれるがエラー発生。
エラーの発生原因がわからずに困っています。
発生している問題・エラーメッセージ
This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error> <Code>AccessDenied</Code> <Message>Access Denied</Message> <RequestId>49ZGQNTPHQEKQR</RequestId> <HostId>Jhnj7xkPkZ+LpnzQ4CoEpd0lO7yHaYbf1gdkPtsVApToLpEqj4E140ZBhPfNjYfiiN9w=</HostId> </Error>HTMLソースコード
html
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <title>Hello World</title> 6</head> 7 8<body> 9 Hello World 10</body> 11</html>
試したこと
・リージョンを変えてみる
・ブラウザをChromeからSafariに変えてみる。
・HTMLファイルを他のものに変えてみる
等しましたが解決に至りませんでした。
補足情報(FW/ツールのバージョンなど)
開発環境:MacOS
使用ツール:VS Code
ブラウザ:Chrome
あなたの回答
tips
プレビュー