AWS Amplifyにて、Webアプリをデプロイしてブラウザに表示させる時にエラーが出てしまいます。

前提・実現したいこと

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>