‘code’:’DeploymentFailed’ + Azure Static Web Application + Angular + Azure DevOps + deployment error troubleshooting

Recently, I came across a very weird error while deploying an Angular application to Azure Static Web application service.

The Azure Static Web App service is a go-to-solution for deploying Single Page Applications in Azure. It provides built-in support for Angular, React, Vue etc. I will write a separate story about how to deploy an Angular application in Azure Static Web App.

So, I had two Angular applications ready, and code checked in Azure DevOps. There are two branches develop and main for QA and Production environments. I followed the steps to deploy my first application, and it worked smoothly. I was super happy to see how quick and easy it was.

Then I turned to my second Angular application, and started deployment of a Static Web App, where all went wrong. Even though all information was provided correctly, I used to get below error message without anything specific details why it's failing.

{
  'code': 'DeploymentFailed',
  'message': 'At least one resource deployment operation failed. Please list deployment operations for details. Please see https://aka.ms/DeployOperations for usage details.',
  'details': [
    {
      'code': 'InternalServerError',
      'message': 'There was an unexpected InternalServerError. Please try again later. x-ms-correlation-request-id: 7ec8e396-fa93–4541-b5a3–2788131eabe2'
    }
  ]
}