unable to run npm install --legacy-peer-deps in azurepipeline using static web app

Question

Hi there

I cant deploy a application in my Azure Static Web App using azurepipeline from Azure DevOps
I read about custom command in https://learn.microsoft.com/en-us/azure/devops/artifacts/npm/npmrc?view=azure-devops&tabs=windows%2Cclassic but this isnt work for me

this is the pipeline

when I run the pipeline Oryx tell me about the custom command OK

but Oryx doesnt run install --legacy-peer-deps

Answer 1

One thing you can try is to modify the app_build_command to npm install instead of install --legacy-peer-deps. This should work as Oryx automatically adds the --legacy-peer-deps flag when running npm install.

If this does not work, you can try adding a custom command to your pipeline to run npm install --legacy-peer-deps before building your application. Here is an example of how you can modify your pipeline to include this command:

- script: |
    npm install --legacy-peer-deps
    npm run build
  displayName: 'npm install and build'

This will run npm install --legacy-peer-deps to install the dependencies with legacy peer dependencies and then run npm run build to build your application.

Please reply back to this answer if you have any questions or if the above suggestions did not work.

Answer 2

It's works for me

trigger:
  - develop

pool:
  vmImage: ubuntu-latest

steps:
  - checkout: self
    submodules: true

  - task: AzureStaticWebApp@0
    inputs:
      app_build_command: node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build -c develop --build-optimizer
      app_location: '/'
      api_location: 'api'
      output_location: 'dist/crm'
    env:
      azure_static_web_apps_api_token: $(deployment_token)
      NPM_CONFIG_FORCE: true
      NPM_CONFIG_LEGACY_PEER_DEPS: true

Answer 3

Ok thanks it works!

Answer 4

Ok thanks it works!