fix(angular): generate app server module setup correctly in setup-ssr…

… generator (#21702)

(cherry picked from commit ab9c579)

packages/angular/src/generators/host/__snapshots__/host.spec.ts.snap

@@ -102,7 +102,7 @@ platformBrowserDynamic()
 `;
 
 exports[`Host App Generator --ssr should generate the correct files 3`] = `
-"export { AppServerModule } from './app/app.server.module';
+"export { AppServerModule as default } from './app/app.server.module';
 "
 `;
 
@@ -722,7 +722,7 @@ platformBrowserDynamic()
 `;
 
 exports[`Host App Generator --ssr should generate the correct files when --typescript=true 3`] = `
-"export { AppServerModule } from './app/app.server.module';
+"export { AppServerModule as default } from './app/app.server.module';
 "
 `;
 

packages/angular/src/generators/remote/__snapshots__/remote.spec.ts.snap

@@ -117,7 +117,7 @@ platformBrowserDynamic()
 `;
 
 exports[`MF Remote App Generator --ssr should generate the correct files 3`] = `
-"export { AppServerModule } from './app/app.server.module';
+"export { AppServerModule as default } from './app/app.server.module';
 "
 `;
 
@@ -339,7 +339,7 @@ platformBrowserDynamic()
 `;
 
 exports[`MF Remote App Generator --ssr should generate the correct files when --typescriptConfiguration=true 3`] = `
-"export { AppServerModule } from './app/app.server.module';
+"export { AppServerModule as default } from './app/app.server.module';
 "
 `;
 

packages/angular/src/generators/setup-ssr/__snapshots__/setup-ssr.spec.ts.snap

@@ -8,7 +8,7 @@ import { ngExpressEngine } from '@nguniversal/express-engine';
 import * as express from 'express';
 import { existsSync } from 'fs';
 import { join } from 'path';
-import { AppServerModule } from './src/main.server';
+import AppServerModule from './src/main.server';
 
 // The Express app is exported so that it can be used by serverless Functions.
 export function app(): express.Express {
@@ -123,7 +123,7 @@ import { CommonEngine } from '@angular/ssr';
 import express from 'express';
 import { fileURLToPath } from 'node:url';
 import { dirname, join, resolve } from 'node:path';
-import { AppServerModule } from './src/main.server';
+import AppServerModule from './src/main.server';
 
 // The Express app is exported so that it can be used by serverless Functions.
 export function app(): express.Express {
@@ -332,7 +332,7 @@ import { CommonEngine } from '@angular/ssr';
 import * as express from 'express';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
-import { AppServerModule } from './src/main.server';
+import AppServerModule from './src/main.server';
 
 // The Express app is exported so that it can be used by serverless Functions.
 export function app(): express.Express {

packages/angular/src/generators/setup-ssr/files/ngmodule/base/src/__main__

@@ -1 +1 @@
-export { <%= rootModuleClassName %> } from './app/<%= rootModuleFileName.slice(0, -3) %>';
+export { <%= rootModuleClassName %> as default } from './app/<%= rootModuleFileName.slice(0, -3) %>';

packages/angular/src/generators/setup-ssr/files/server/application-builder/__serverFileName__

@@ -3,7 +3,7 @@ import { CommonEngine } from '@angular/ssr';
 import express from 'express';
 import { fileURLToPath } from 'node:url';
 import { dirname, join, resolve } from 'node:path';
-import <% if (standalone) { %>bootstrap<% } else { %>{ <%= rootModuleClassName %> }<% } %> from './src/<%= main.slice(0, -3) %>';
+import <% if (standalone) { %>bootstrap<% } else { %><%= rootModuleClassName %><% } %> from './src/<%= main.slice(0, -3) %>';
 
 // The Express app is exported so that it can be used by serverless Functions.
 export function app(): express.Express {

packages/angular/src/generators/setup-ssr/files/server/server-builder/pre-v17/__serverFileName__

@@ -5,7 +5,7 @@ import { ngExpressEngine } from '@nguniversal/express-engine';
 import * as express from 'express';
 import { existsSync } from 'fs';
 import { join } from 'path';
-import <% if (standalone) { %>bootstrap<% } else { %>{ <%= rootModuleClassName %> }<% } %> from './src/<%= main.slice(0, -3) %>';
+import <% if (standalone) { %>bootstrap<% } else { %><%= rootModuleClassName %><% } %> from './src/<%= main.slice(0, -3) %>';
 
 // The Express app is exported so that it can be used by serverless Functions.
 export function app(): express.Express {

packages/angular/src/generators/setup-ssr/files/server/server-builder/v17+/__serverFileName__

@@ -5,7 +5,7 @@ import { CommonEngine } from '@angular/ssr';
 import * as express from 'express';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
-import <% if (standalone) { %>bootstrap<% } else { %>{ <%= rootModuleClassName %> }<% } %> from './src/<%= main.slice(0, -3) %>';
+import <% if (standalone) { %>bootstrap<% } else { %><%= rootModuleClassName %><% } %> from './src/<%= main.slice(0, -3) %>';
 
 // The Express app is exported so that it can be used by serverless Functions.
 export function app(): express.Express {

packages/angular/src/generators/setup-ssr/setup-ssr.spec.ts

@@ -38,7 +38,7 @@ describe('setupSSR', () => {
       expect(tree.read('app1/server.ts', 'utf-8')).toMatchSnapshot();
       expect(tree.read('app1/src/main.server.ts', 'utf-8'))
         .toMatchInlineSnapshot(`
-        "export { AppServerModule } from './app/app.server.module';
+        "export { AppServerModule as default } from './app/app.server.module';
         "
       `);
       expect(tree.read('app1/src/main.ts', 'utf-8')).toMatchInlineSnapshot(`
@@ -204,7 +204,7 @@ describe('setupSSR', () => {
       expect(tree.read('app1/server.ts', 'utf-8')).toMatchSnapshot();
       expect(tree.read('app1/src/main.server.ts', 'utf-8'))
         .toMatchInlineSnapshot(`
-        "export { AppServerModule } from './app/app.server.module';
+        "export { AppServerModule as default } from './app/app.server.module';
         "
       `);
       expect(tree.read('app1/src/main.ts', 'utf-8')).toMatchInlineSnapshot(`