angular-universal | Angular Universal : server-side rendering + Docker | Server Side Rendering library

I have followed this tutorial and it works well but when I try to dockerize, the build is ok but when I run the image an error appears : Error: Cannot find module 'express'

DockerFile

I am trying to deploy angular web app on AWS serverless Lambda following the tutorial https://medium.com/better-programming/getting-started-with-serverless-angular-universal-on-aws-lambda-8754bcc4dc19

It was working fine till last week, but started to throw error "Error: Cannot find module '@vendia/serverless-express'" even though there is no mention of '@vendia/serverless-express' anywhere. The generated lambda.js uses'aws-serverless-express'.

Installed '@vendia/serverless-express' through npm, it got added to package.json. Deployed post that, still error is reported.

Steps to reproduce:

1. Ensure angular version is 7 or less as toolkit doesn't work with higher version
2. ng new project-name --style css --routing false
3. cd project-name
4. ng add @ng-toolkit/universal@7.1.2
5. npm run build:prod
6. npm run server
7. ng add @ng-toolkit/serverless@8.1.0
8. npm i serverless-api-compression
9. npm run build:serverless:deploy

Let me know in case of any further information required. Thanks in advance!

I have an angular 9 universal app created using NX, and I'm getting this error after the project compiled successfully.

In angular-universal Tour of Heroes application (https://angular.io/generated/zips/universal/universal.zip) , we can use prerender script to generate static HTML for static routes only. Is there any way to print the generated HTML on NodeJS console in case of dynamic routes:

In Angular 7 Universal, I was able to add 3rd party scripts using postscribe (without any special settings).

Now I am trying to use postscribe in Angular 9 Universal project like

Question looks long winded - it's not!

I'm using Angular Universal to implement SSR, following this tutorial. Universal/express-engine is installed, main.js is generated in the dist/projectname/server folder, and I've created a prerender.js folder in the project root.

When I try npm run prerender it starts work prerendering until eventually hitting the following error:

I am in the process of setting up server-side rendering for my Angular app. I followed the steps as in this article, and ran the command to start the app. I received document is not defined caused by browser-specific objects such as window or document. I found that the error was because of the Google Analytics site tag in index.html. Commenting the analytics code had the app running which confirmed it was the source of the problem.

Hey I have App based on this starter kit

I deploy my app with the SSR feature from server.ts.

and the app is being served "dynamically" with Apache reverse proxy to localhost:4002 for multiple domains.

I.e domainA.com and domainB.com point to the same localhost:4002 with rev proxy. All the domains use the same App instance So far so good.

But now I've got a requirement for it to work under our partner reverse proxy which will look something like this partner.com/app/ will reverse proxy to partner.domainA.com

Which causes a lot of problems when loading the JS.

Currently the base-href is set to / which works on our sites great. but when a user goes to partner.com/app the browser tries to load all the JS assets from partner.com/*.js while the are only available on partner.com/app/*.js or partner.domainA.com/*.js.

My possible solution is to set APP_BASE_HERF from the server.ts when the request arrives.

But every thing I tried didn't seem to work.

I tried following this guide but it didn't seem to work and it was loading the url from the window object while I need to set it from the origin host which is available only from req.headers.host

in server.ts:

So, I've been trying for days to get a angular universal app running but I keep getting this issue when I try to run the server like