Cannot build angular project in Azure DevOps

Question

I have Angular project, that I want to build to Azure Web App

I created this yaml to build and deploy

trigger:
- main

pool:
  vmImage: 'ubuntu-latest'

steps:
- task: NodeTool@0
  inputs:
    versionSpec: '18.x'
  displayName: 'Install Node.js'


# - task: Npm@1
#   inputs:
#     command: 'install'
#     workingDir: 'schooly-angular'

- script: npm install -g @angular/cli
  displayName: 'npm install -g @angular/cli'

- script:  yarn
  displayName: 'yarn install'

- script: ng build --prod
  displayName: 'ng build'

- task: PublishBuildArtifacts@1

- task: AzureRmWebAppDeployment@4
  inputs:
    ConnectionType: 'AzureRM'
    azureSubscription: 'Azure subscription 1 (*********)'
    appType: 'webAppLinux'
    WebAppName: 'marifit-admin'
    packageForLinux: 'dist/'

But I get this error when try to build

Clicking Authorize, doesn't helps

ow I can solve this?

Suki Ji-MSFT · Accepted Answer · 2023-01-05 09:07:05Z

1

It seems you do not have permission regard on the subscription Azure subscription 1 (*********) or this subscription does not exist. When edit YAML pipeline, click the Settings to show assistance >> choose your subscription >> click Authorize to create a service connection for this subscription.

If the authorization failed, means you do not have enough permission regard on that subscription. You need to get contributor or owner role regard on the subscription. To get related permission, you need get help from subscription owner. Here is Assign a user as an administrator of an Azure subscription for reference.

answered Jan 5, 2023 at 9:07

Suki Ji-MSFT

7834 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sourav · Accepted Answer · 2023-01-06 04:49:59Z

I have tried reproducing in my environment and got below results so sharing it here as further reference:

task: AzureRmWebAppDeployment@4
    inputs:
    ConnectionType: 'AzureRM'
    azureSubscription: 'Azure subscription 1 (*********)'
    appType: 'webAppLinux'
    WebAppName: 'marifit-admin'
    packageForLinux: 'dist/'

The error seems the service connection used here was not existed. To create a proper service connection, follow the below steps.

Step 1: Create a service principle for the subscription where the application resources are hosted using the below command in the cloud shell.

$az ad sp create-for-rbac –name <service-principle-name> --scope /subscriptions/<subscription-id>

enter image description here

Make note of make note of password, appID and tenantID.

Step 2: Create a service connection using the service principle just like mentioned in Step 1.

Go to project settings > service connections > click on create new service connection. enter image description here

After filing all the details click on verify to confirm it is valid connection.

enter image description here .

Make sure the azure subscription name above task match with the service connection name

Collectives™ on Stack Overflow

Cannot build angular project in Azure DevOps

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related