SSR: Angular app engine manifest is not set

[sajay-g]

Which @angular/* package(s) are the source of the bug?

Don't known / other

Is this a regression?

No

Description

I'm encountering an issue when running the application using node server.mjs from the dist folder or inside a Docker container. I can see the manifest file in the build output, but it's unclear whether the "manifest" mentioned in the error message is referring to the same file. Any insights on this would be helpful.

Steps to Reproduce:

• git clone -b deploy-issue https://github.com/sajay-g/ssr-native-fed-poc.git/
• npm install
• ng build shell
• cd dist/shell/server
• node server.mjs

Please provide a link to a minimal reproduction of the bug

git clone -b deploy-issue https://github.com/sajay-g/ssr-native-fed-poc.git/

Please provide the exception or error you saw

Error: Angular app engine manifest is not set. Please ensure you are using the '@angular/build:application' builder to build your server application.
    at gs (file:///Users/Desktop/Projects/workspace/ssr-native-fed-poc/dist/shell/browser/_angular_ssr.OxpG8ofFZH.js:38:2102)
    at <instance_members_initializer> (file:///Users/Desktop/Projects/workspace/ssr-native-fed-poc/dist/shell/browser/_angular_ssr.OxpG8ofFZH.js:66:948)
    at new e (file:///Users/Desktop/Projects/workspace/ssr-native-fed-poc/dist/shell/browser/_angular_ssr.OxpG8ofFZH.js:66:876)
    at <instance_members_initializer> (file:///Users/Desktop/Projects/workspace/ssr-native-fed-poc/dist/shell/browser/_angular_ssr_node.zBEd2kLqgj.js:1:4127)
    at new w (file:///Users/Desktop/Projects/workspace/ssr-native-fed-poc/dist/shell/browser/_angular_ssr_node.zBEd2kLqgj.js:1:4104)
    at file:///Users/Desktop/Projects/workspace/ssr-native-fed-poc/dist/shell/server/chunk-7B7VLUAK.mjs:64:2112
    at file:///Users/Desktop/Projects/workspace/ssr-native-fed-poc/dist/shell/server/chunk-2XAXBCZJ.mjs:2:795
    at file:///Users/Desktop/Projects/workspace/ssr-native-fed-poc/dist/shell/server/chunk-7B7VLUAK.mjs:64:2543
    at ModuleJob.run (node:internal/modules/esm/module_job:234:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:473:24)
Waiting for the debugger to disconnect...

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 19.2.14
Node: 20.18.2
Package Manager: npm 11.0.0
OS: darwin x64

Angular: 19.2.14
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, platform-server
... router, ssr

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1902.14
@angular-devkit/build-angular   19.2.14
@angular-devkit/core            19.2.14
@angular-devkit/schematics      19.2.14
@schematics/angular             19.2.14
rxjs                            7.8.2
typescript                      5.6.3
zone.js                         0.15.1
    
Waiting for the debugger to disconnect...

Anything else?

This works with CommonEngine, but since renderMode isn't supported by CommonEngine, I've hit a roadblock.

[alan-agius4]

ng build shell is configured to use @angular-architects/native-federation:build. See: https://github.com/sajay-g/ssr-native-fed-poc/blob/b297b74c17b99678ee595b5fa6f3fbd870757b5b/angular.json#L18.

For the manifest to be weird up in https://github.com/sajay-g/ssr-native-fed-poc/blob/b297b74c17b99678ee595b5fa6f3fbd870757b5b/angular.json#L68 the outputMode option need to be set.

This package builder is not supported by the Angular team.

[wis-dev]

Facing same issue on Angular 20. following this project https://github.com/thePunderWoman/incremental-hydration-demo/blob/main/src/server.ts

This is my new server.ts using the new AngularNodeAppEngine

server.ts

import { AngularNodeAppEngine, createNodeRequestHandler, isMainModule, writeResponseToNodeResponse } from '@angular/ssr/node'
import { dirname, resolve } from 'node:path'
import { fileURLToPath } from 'node:url'
import express from 'express'

const serverDistFolder = dirname(fileURLToPath(import.meta.url))
const browserDistFolder = resolve(serverDistFolder, '../browser')

const app = express()
const angularApp = new AngularNodeAppEngine()

/**
 * Serve static files from /browser
 */
app.use(
	express.static(browserDistFolder, {
		maxAge: '1y',
		index: false,
		redirect: false
	})
)

/**
 * Handle all other requests by rendering the Angular application.
 */
app.use('/**', (req, res, next) => {
	angularApp
		.handle(req)
		.then((response) =>
			response ? writeResponseToNodeResponse(response, res) : next(),
		)
		.catch(next)
})

/**
 * Start the server if this module is the main entry point.
 * The server listens on the port defined by the `PORT` environment variable, or defaults to 4000.
 */
if (isMainModule(import.meta.url)) {
	const port = process.env['PORT'] || 4000
	app.listen(port, () => {
		console.log(`Node Express server listening on http://localhost:${port}`)
	})
}

/**
 * Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions.
 */
export default createNodeRequestHandler(app)

I am deploying my app using Vercel and after deploy I receive this error:

I'm using @angular/build:application and the manifest.webmanifest is on src directory.

---

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 20.0.0
Node: 22.14.0
Package Manager: bun 1.2.5
OS: win32 x64

Angular: 20.0.0
... animations, build, cdk, cli, common, compiler, compiler-cli
... core, forms, google-maps, language-service, material
... platform-browser, platform-server, router, ssr

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.2000.0
@angular-devkit/core         20.0.0
@angular-devkit/schematics   19.2.10
@schematics/angular          20.0.0
rxjs                         7.8.2
typescript                   5.8.3

[alan-agius4]

@wis-dev, do you have the outputMode option specified?

[wis-dev]

@alan-agius4 Adding outputMode in angular.json works fine!
Also I needed to add app.routes.server.ts file, using ServerRoute.

Thanks!