Vue Web Project Works Locally but Shows Blank Page After 'amplify publish'

[shao-estone]

Before opening, please confirm:

• [X] I have searched for duplicate or closed issues and discussions.
• [X] I have read the guide for submitting bug reports.
• [X] I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

JavaScript Framework

Vue

Amplify APIs

Authentication

Amplify Categories

auth

Environment information

System: OS: macOS 12.2.1 CPU: (8) arm64 Apple M1 Pro Memory: 84.58 MB / 32.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 18.4.0 - /opt/homebrew/bin/node npm: 8.12.1 - /opt/homebrew/bin/npm Browsers: Firefox: 101.0 Safari: 15.3 npmPackages: @element-plus/icons-vue: ^2.0.6 => 2.0.6 @vue/compiler-sfc: ^3.0.4 => 3.2.37 aws-amplify: ^4.3.26 => 4.3.26 axios: ^0.27.2 => 0.27.2 (0.26.0) el-table-infinite-scroll: ^2.0.0 => 2.0.0 element-plus: ^2.2.6 => 2.2.6 less: ^4.1.3 => 4.1.3 less-loader: ^11.0.0 => 11.0.0 style-resources-loader: ^1.4.1 => 1.5.0 vite: ^1.0.0-rc.13 => 1.0.0-rc.13 vue: ^3.0.4 => 3.2.37 (2.6.14) vue-cli-plugin-style-resources-loader: ~0.1.5 => 0.1.5 vue-router: ^4.0.16 => 4.0.16 npmGlobalPackages: @aws-amplify/cli: 9.0.0 npm: 8.12.1

Describe the bug

The project builds and runs fine locally. I have followed the instructions on how to init and configure amplify. When I run 'amplify publish' it completes the deployment and gives me a link. However, it shows a blank page after deployment. url: https://sudev.d272frqbn2tt6s.amplifyapp.com "appId": "d272frqbn2tt6s"

Expected behavior

To show the web project.

Reproduction steps

1. amplify configure
2. amplify init (manual deployment)
3. npm run build (to verify the project builds)
4. amplify publish

Code Snippet

// Put your code below this line.

Log output

// Put your logs below this line


aws-exports.js

/* eslint-disable */ // WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.

const awsmobile = { "aws_project_region": "us-east-2", "aws_cognito_identity_pool_id": "my-identity-pool", "aws_cognito_region": "us-east-2", "aws_user_pools_id": "my-user-pool", "aws_user_pools_web_client_id": "my-web-client-id", "oauth": { "domain": "my-domain" }, "aws_cognito_username_attributes": [ "EMAIL" ], "aws_cognito_social_providers": [], "aws_cognito_signup_attributes": [ "GIVEN_NAME", "FAMILY_NAME", "EMAIL" ], "aws_cognito_mfa_configuration": "OPTIONAL", "aws_cognito_mfa_types": [ "TOTP" ], "aws_cognito_password_protection_settings": { "passwordPolicyMinLength": 8, "passwordPolicyCharacters": [ "REQUIRES_LOWERCASE", "REQUIRES_UPPERCASE", "REQUIRES_NUMBERS", "REQUIRES_SYMBOLS" ] }, "aws_cognito_verification_mechanisms": [ "EMAIL" ] };

export default awsmobile;

Manual configuration

No response

Additional configuration

No response

Mobile Device

No response

Mobile Operating System

No response

Mobile Browser

No response

Mobile Browser Version

No response

Additional information and screenshots

No response

[chrisbonifacio]

Hi @shao-estone 👋 thanks for raising this issue! Because it seems to have more to do with hosting than the JS libraries, I am transferring this over to the hosting repo for better feedback and support.

[ghost]

Hi @shao-estone it looks like you application is being shown properly now. Are you still running into this issue?

[shao-estone]

Thank you! This issue is resolved

On Jul 20, 2022, at 1:15 PM, hloriana @.@.>> wrote:

Hi @shao-estonehttps://github.com/shao-estone it looks like you application is being shown properly now. Are you still running into this issue?

— Reply to this email directly, view it on GitHubhttps://github.com/aws-amplify/amplify-hosting/issues/2841#issuecomment-1190543063, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AQGKZMDN7YC56CRU2A6WX33VVAX23ANCNFSM52KJADBA. You are receiving this because you were mentioned.Message ID: @.***>

[github-actions[bot]]

⚠️COMMENT VISIBILITY WARNING⚠️

Comments on closed issues are hard for our team to see. If you need more assistance, please either tag a team member or open a new issue that references this one. If you wish to keep having a conversation with other community members under this issue feel free to do so.

[github-actions[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.