Angular Tutorial Deploy Fail

BCusack commented 5 months ago

Environment information

System:
  OS: Windows 11 10.0.26120
  CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H
  Memory: 1.14 GB / 15.71 GB
Binaries:
  Node: 20.12.0 - C:\Program Files\nodejs\node.EXE
  Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
  npm: 10.8.0 - C:\Program Files\nodejs\npm.CMD
  pnpm: undefined - undefined
NPM Packages:
  @aws-amplify/backend: 1.0.0
  @aws-amplify/backend-cli: 1.0.1
  aws-amplify: 6.3.2
  aws-cdk: 2.140.0
  aws-cdk-lib: 2.140.0
  typescript: 5.4.5
AWS environment variables:
  AWS_NODEJS_CONNECTION_REUSE_ENABLED = 1
  AWS_SDK_LOAD_CONFIG = 1
  AWS_STS_REGIONAL_ENDPOINTS = regional
No CDK environment variables

Description

During the Amplify Gen 2 Angular Quick start at step 6. Implement login UI. The deployment fails due to low production budget threshold in the Angular.json

          "configurations": {
            "production": {
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "500kb",
                  "maximumError": "1mb"
                },

A mention of this would be handy to users main-2OXBZKPV.js | main | 739.26 kB | 178.16 kB styles-B2HMUAM4.css | styles | 270.78 kB | 20.75 kB polyfills-S3BTP7ME.js | polyfills | 33.24 kB | 10.76 kB | Initial total | 1.02 MB | 209.67 kB

ykethan commented 5 months ago

Hey, thanks for raising this! I'm going to transfer this over to our documentation repository to track this.

jpangburn commented 5 months ago

I ran into this problem as well. It's easy to resolve, but will cause new users some friction. In case it's not obvious to anyone who finds this looking for a solution, from @BCusack 's comment you just edit maximumError to be larger, like 2mb. Commit the change to your repository and Amplify will redeploy successfully.

aws-amplify / docs

Angular Tutorial Deploy Fail #7624

Environment information

Description