Добавить статический предварительный рендеринг в ng add @ nguniversal / express-engine

Я нашел способ добавить статический предварительный рендеринг вручную.

Для тех, кто заинтересован, все шаги по добавлению статического предварительного рендеринга в ng add @nguniversal/express-engine вручную:

1. ng add @nguniversal/express-engine --clientProject [your project name] для инициализации серверного модуля приложения, app.server.module.ts

2. Создайте файлы prerender.ts и static.paths.ts на корневом уровне вашего проекта рядом с server.ts.

3. Скопируйте содержимое https://github.com/angular/universal-starter/blob/master/prerender.ts в ваш файл prerender.ts

4. Создайте свои маршруты в вашем static.paths.ts, следуя примеру https://github.com/angular/universal-starter/blob/master/static.paths.ts

5. Добавьте запись prerender в ваш webpack.server.config.js:

   module.exports = {
     mode: 'none',
     entry: {
       server: './server.ts',
       prerender: './prerender.ts'
     },
   

6. Добавьте сценарии предварительной обработки в ваш package.json:

   "scripts": {
       ...
       "build:prerender": "npm run build:client-and-server-bundles && npm run compile:server && npm run generate:prerender",
       "generate:prerender": "cd dist && node prerender",
       "serve:prerender": "cd dist/browser && http-server"
     }
   

7. Отредактируйте строку 17 вашего prerender.ts, выполнив

   const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require('./dist/server/main');
   

8. Установите пакет http-сервер для обслуживания предварительной сборки:

   npm install http-server --save-dev
   

9. Теперь вы готовы к работе!

   npm run build:prerender && npm run serve:prerender
   
   
   Starting up http-server, serving ./
   Available on:
     http://127.0.0.1:8080
     http://192.168.0.10:8080
   Hit CTRL-C to stop the server
   

[Редактировать] На самом деле, переход на версия 0.9.0 кажется лучшим вариантом.

Что-то, что можно добавить к принятому ответу (пока не могу комментировать), вы можете столкнуться с ошибкой http-сервер, если вы используют версию .0.11.0. В версии 0.11.0 есть ошибка с ecstatic. Если у вас возникла проблема, прочтите ветку здесь и ознакомьтесь с некоторыми решениями. Либо понизьте свою версию ecstatic, если у вас есть эта проблема и вы не хотите обновлять http-сервер, либо явно перейдите к index.html, чтобы отобразить вашу страницу.

Я был очень взволнован, чтобы запустить SSR, но столкнулся с этой проблемой, и это действительно отняло время. Надеюсь, это поможет.