encountering errors after deploying a Nodejs application to Azure web app

Ayodeji Esuruoso 0

I deployed a node.js code written in typescript into an Azure Windows web app using Azure DevOps.

The CI/CD pipeline was successful and whenever I clicked the web app default address, I got an error 404.

I tried deploying it using Local github but the web app shows a blank page.

I noticed that the app is looking out for app.js in the code however, the code has app.tsx since it is written in type script.

This has been given me issues for weeks. Any urgent help will be appreaciated.

Lex Li (Microsoft) 5,582 Reputation points Microsoft Employee

2023-08-27T20:50:53.1166667+00:00

Then which guide did you follow to publish with Azure DevOps? And your workflow definitions are?

Ayodeji Esuruoso 0

Hello Lexi,

Thank you for your response.

I followed the guide on the Azure DevOps Labs documentation. my build yaml can be found below:

both the build and the release were successful

pool:
  vmImage: windows-latest

variables:
- group: Story-of

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

- script: |
    npm install 
  displayName: 'npm install'

- script: |
    npm run build 
  displayName: 'npm build'

- script: |
    npm run test --if-present
  displayName: 'npm test'

- task: ArchiveFiles@2
  displayName: 'Archive files'
  inputs:
    rootFolderOrFile: '$(System.DefaultWorkingDirectory)'
    includeRootFolder: false
    archiveType: 'zip'
    archiveFile: '$(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip'
    replaceExistingArchive: true

- task: CopyFiles@2
  inputs:
    SourceFolder: '$(System.DefaultWorkingDirectory)'
    Contents: |
      src/*
      public/*
      dist/*
    TargetFolder: ' $(System.DefaultWorkingDirectory)'
  displayName: 'copy project files'

- task: PublishBuildArtifacts@1
  inputs:
    PathtoPublish: ' $(System.DefaultWorkingDirectory)'
    ArtifactName: 'drop'
    publishLocation: 'Container'
  displayName: 'publish npm artifact'

VenkateshDodda-MSFT 20,781 Reputation points Microsoft Employee

2023-08-29T06:35:40.9033333+00:00
@Ayodeji Esuruoso Thanks for reaching out to Microsoft Q&A, apologize for any inconvenience caused on this.

In general status code 404 means you are requesting for a file that is not present.

Could you please help us with more information to understand better on the issue.

In the above shared Yaml, we don't see any steps related to deploying your artifact from drop folder to wwwroot folder in app service using AzureWebApp task does your CI/CD pipeline has the steps to deploy the files to app service?

As you have mentioned build and release of your CI/CD pipeline is successful could you please check whether your application files got deployed under wwwroot (Using Advanced Tools, by logging to kudu console)?

I would suggest you enable the diagnostic logging and review the Application logs or log stream to understand more what causing this 404 error.

Also, can you help us sharing the documentation that your following to deploy the nodejs application to azure app service using CI\CD pipelines.
Ayodeji Esuruoso 0 Reputation points

2023-08-29T14:38:08.72+00:00
@VenkateshDodda-MSFT thank you for your comment.

Yes, I deployed that in the CD aspect. The YAML i sent above is just for the ci which is the build.

Yes I confirmed from the kudu console and my application files are located there.

I have checked the application logs and it tells me that the IIS wasn't able to access the web.config file for the website. this seems really weird to me as I can see the web.config file from the Kudu console.

This is the docs I followed https://azuredevopslabs.com/labs/vsts/nodejs/

Worthy of mention is also that I tried deploying this using the Local git method. even tho the deploy was successful, when i try to open the default site on the web app, it shows me a blank page. I also noticed while the local git deplyment as going on that the server was looking for app.js from the code however, the code wasn't written in javascript but type script hence the file is app.tsx. I tried defining this file while running the release pipeline from Azure DevOPs but the error 404 still persists.

@VenkateshDodda-MSFT this is a very urgent deployment for my organization as we are behind the delivery schedule. Any insight given will be greatly appreciated.
VenkateshDodda-MSFT 20,781 Reputation points Microsoft Employee

2023-08-30T08:54:37.25+00:00

@Ayodeji Esuruoso Thanks for your response.

This would need one on one offline support, for deeper investigations and might need to engage product team as well and I will suggest you to open a support ticket.

In case if you don't have the support plan then please send an email with your SubscriptionID and link to this thread to AzCommunity@microsoft.com with subject line as "ATTN: Venkatesh" so I can enable one time free support on your subscription to assist you further.
Ayodeji Esuruoso 0 Reputation points

2023-08-30T13:33:28.51+00:00

@VenkateshDodda-MSFT thank you for your response.

I have sent the email as requested and provided the required information. I am looking forward to your response and getting this solved soonest.

Thank you for your assisstance.
VenkateshDodda-MSFT 20,781 Reputation points Microsoft Employee

2023-08-30T14:06:48.95+00:00

@Ayodeji Esuruoso Thanks for your response. I will check and update you accordingly.

Share via

encountering errors after deploying a Nodejs application to Azure web app

Your answer