Azure App Service
Azure App Service is a service used to create and deploy scalable, mission-critical web apps.
8,930 questions
Azure App Service Windows, deploying Angular 19.2 SSR, node crash on startup
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(35.2, 78%, 13%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ESB%3C/text%3E%3C/svg%3E)
Sascha Beltz
0
Reputation points
Hi all, we are deploying an Angular 19.2 SSR enabled app with an ASP.NET Core backend to an Azure App Service.
We do use hybrid rendering with server routing: https://angular.dev/guide/hybrid-rendering#configuring-a-nodejs-server
We then followed this guide for deploying the app: https://azureossd.github.io/2024/07/30/Deploying-Angular-SSR-to-App-Service-Windows/ (written by @Anthony Salemo (Insight Global) ?)
On app start we run into HTTP 500.1001 errors which we can trace back in node.js error log. We do see the error message:
Error: Angular app engine manifest is not set. Please ensure you are using the '@angular/build:application' builder to build your server application.
at Jh (file:///C:/home/site/wwwroot/wwwroot/server/chunk-23QFEN7G.mjs:47:2087)
at
Azure App Service
{count} votes
-
Alexander Torres 0 Reputation points2025-03-27T14:06:43.1966667+00:00 - ✅ Confirm
angular.jsonuses@angular/build:application
Make sure your Angular app server target uses the correct builder:
json CopyEdit "server": { "builder": "@angular/build:application", "options": { "outputPath": "dist/your-app/server" } }This replaces older builders like
@angular-devkit/build-angular:server.- ✅ Check for presence of
angular/ssr/engine/manifest.json
When you run
ng buildorng build --server, you should get amanifest.json(typically named something likeengine-manifest.json) in your server output folder.Check inside your build output:
pgsql CopyEdit dist/ your-app/ server/ server.mjs chunk-*.mjs engine-manifest.json <-- this MUST existIf it’s missing, you likely need to:
bash CopyEdit ng build --configuration=productionAlso ensure the
outputPathis set correctly for yourservertarget.- ✅ Ensure it is copied to
/home/site/wwwroot/serveron Azure
On Azure App Service Windows plans, you're likely deploying via a
.ziporAzureRmWebAppDeployment. It’s common for theengine-manifest.jsonto be missed in the deploy step unless explicitly included.Fix: Modify your deployment logic to include:
pgsql CopyEdit dist/ └── your-app/ ├── browser/ --> goes to wwwroot/ └── server/ --> goes to wwwroot/server/Verify post-deploy that your file exists:
swift CopyEdit C:/home/site/wwwroot/server/engine-manifest.json
- ✅ Update
server.mjsif it uses a dynamic manifest import
Angular 17+
server.mjstypically does this:ts CopyEdit import '@angular/platform-server/init'; import { createServer } from 'angular:server'; export default createServer();This uses the manifest generated at build time via
@angular/build:application. If you're customizing the server (e.g. for hybrid routing), you might be passing a path to the manifest explicitly.If you're doing that, validate that path works in Azure’s folder layout. You may need something like:
ts CopyEdit const manifest = require('./engine-manifest.json'); // or import createServer({ manifest });Use
path.join(import.meta.url)logic for portable resolution if necessary.
- 🧪 (Optional) Log filesystem contents
To confirm what Azure deployed, add something like this early in your
server.mjs:ts CopyEdit import fs from 'fs'; import path from 'path'; console.log('Files in /home/site/wwwroot/server:'); console.log(fs.readdirSync(path.join(process.cwd(), 'server'))); - ✅ Confirm
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(118.4, 22%, 21%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EAV%3C/text%3E%3C/svg%3E)
Alekhya Vaddepally 1,670 Reputation points Microsoft External Staff Moderator2025-03-31T10:10:38.6833333+00:00 Hi Sascha Beltz,
Just checking in to see if the above answer provided by Alexander Torres helped.
In case if you have any resolution, please do share that same with the community as it can be helpful to others. Otherwise, will respond with more details and we will try to help.
-
Alekhya Vaddepally 1,670 Reputation points Microsoft External Staff Moderator
2025-04-02T10:58:04.5+00:00 Hi Sascha Beltz,
Just checking in to see if the above answer provided by Alexander Torres helped.
In case if you have any resolution, please do share that same with the community as it can be helpful to others. Otherwise, will respond with more details and we will try to help.
Sign in to comment
Sign in to answer