Отрисовка на стороне сервера .NET Core Angular 7

Томас Джеймс

Я пытаюсь создать SSR Angular 7 с использованием ядра dotnet для его размещения, в шаблоне по умолчанию используется angular 5, и у MS есть документация, чтобы запустить SSR на нем (что отлично работает). Я пробовал обновить через командную строку до angular 7 и начать новый проект angular и реализовать SSR после, но я всегда получаю одну и ту же проблему, как ng build, так и ng build: SSR отлично работает из командной строки, но когда я прихожу, чтобы запустить его из VS, время ожидания истекает (что, я думаю, не имеет отношения к проблеме) после того, как выдает ошибку:

The thread 0x6608 has exited with code 0 (0x0).
The thread 0x1134 has exited with code 0 (0x0).
The thread 0x54bc has exited with code 0 (0x0).

Изменения, которые я внес из NG5 SSR ( https://go.microsoft.com/fwlink/?linkid=864501 ) после этого ( https://github.com/aspnet/Templating/issues/593 ):

startup.cs

options.BootModulePath = $"{spa.Options.SourcePath}/dist-server/main.bundle.js";

к

options.BootModulePath = $"{spa.Options.SourcePath}/dist-server/main.js";

Снова добавлен проект SSR в angular.json

 "ssr": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:server",
          "options": {
            "outputPath": "dist-server",
            "main": "src/main.server.ts",
            "tsConfig": "src/tsconfig.server.json"
          },
          "configurations": {
            "production": {
              "optimization": false,
              "outputHashing": "media",
              "sourceMap": false,
              "namedChunks": false,
              "extractLicenses": true,
              "vendorChunk": false,
              "bundleDependencies": "all",
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ]
            }
          }
        }
      }
    }

Изменить сборку: ssr в скриптах package.json

"build:ssr": "ng build --configuration=production --project=ssr",

Код, который я выполняю - https://github.com/TPJ11/DotnetNG7SSR

Кто-нибудь знает, что я делаю не так? чувствую, что я бился головой об стену об этом :(

Томас Джеймс

Правильно, поэтому не уверен, что именно ломает приложение, но у меня есть работа.

1) Создайте новое приложение .Net Core NG и удалите папку ClientApp, затем создайте пустое приложение angular 7 через CMD под названием ClientApp ng new ClientApp

2) Следуйте инструкциям по настройке Angulars SSR до шага 3.

3) Установите aspnet-prerendering npm i aspnet-prerendering

4) Замените код из шага 2c (main.server.ts), чтобы использовать код из руководства по установке Microsoft для main.server.ts

5) Откройте angular.jsonфайл и измените outputPathдля сборки на distи сервер outputPathнаdist-server

6) Открыть package.jsonи внутри scriptsдобавить"build:ssr": "ng run ClientApp:server"

7) Открытое tsconfig.server.jsonи tsconfig.app.jsonи изменения , typesчтобы включать в себя узел"types": ["node"]

8) Откройте Startup.cs и, как показано в руководстве по установке Microsoft, добавьте

spa.UseSpaPrerendering(options =>
{
    options.BootModulePath = $"{spa.Options.SourcePath}/dist-server/main.js";
        options.BootModuleBuilder = env.IsDevelopment()
            ? new AngularCliBuilder(npmScript: "build:ssr")
                : null;
    options.ExcludeUrls = new[] { "/sockjs-node" };
});

Эта статья взята из Интернета, укажите источник при перепечатке.

Если есть какие-либо нарушения, пожалуйста, свяжитесь с[email protected] Удалить.

Отредактировано в
0

я говорю два предложения

0обзор
Войти в системуУчаствуйте в комментариях

Статьи по теме

.net core и проект angular 7

Angular 7 с .net core 2.1 - запуск для конкретной страницы

Публикация объектов из массива в .NET core 2 API из Angular 7

Asp.net Core и Angular 7 Cors

Как развернуть Angular 7 с Net Core API отдельно в Azure

Ошибка неподдерживаемого типа носителя 415 в Angular 7 и .NET Core API

Вход в Google в Angular 7 с .NET Core API

.net core 3.1 c # cors не работает с angular 7

Angular 7: @ разделение angular / core и уменьшение размера пакета приложений

Эмитент недействителен при вызове ASP.NET Core 2.2 из Angular 7 (MSAL)

Выпуск .NET Core 2.1 с angular 7 в веб-приложениях Azure - пытается запустить ng serve

SignalR: уведомление о ходе длительной операции из веб-API ASP.NET Core клиенту Angular 7

Retrieve http response body from .net core API in angular 7

Передача CSV-файла из Angular7 в MVC .Net Core

ASP.NET Core с шаблоном Angular 7 подключается к базе данных SQL Server Express для чтения таблицы

Проблема политики CORS с angular 7 и ASP.NET core 2.2 с использованием SIGNAL R

Как запустить веб-приложение .Net Core на машине с Windows 7?

Как создать отдельную подпись PKCS # 7 с .Net Core?

Модули @ agm / core выдают ошибку в angular 7 'ɵɵdefineInjectable' не был найден в '@ angular / core'

Angular 7: @ angular / core / core не имеет экспортированного члена OpaqueToken

Изменения SQL не отображаются в Angular с .NET Core

.Net Core Angular 4 - дублирование компонента приложения при перекомпоновке пакета

как управлять ролями пользователей и разрешениями в приложении с полным стеком, состоящем из веб-API angular и .net core

Запустите приложение Angular в .Net Core в каталоге, отличном от wwwroot

Решение и структура папок для проекта Angular и Net core API

Вызов отсутствующей конечной точки в .NET Core дает 404, но также ОК в ответ на Angular

.Net Core 2.1 новая версия Angular

Нет поставщика базы данных .Net Core Angular приложение

Ошибка dockerfile шаблона .Net core angular

TOP список

  1. 1

    Распределение Рэлея Curve_fit на Python

  2. 2

    Définition de la valeur par défaut dans le dictionnaire Python si la clé est manquante

  3. 3

    Невозможно отобразить данные модели загрузки Spring в Thymeleaf

  4. 4

    Merging legends in plotly subplot

  5. 5

    Spring Boot Upload Multipart 413 Request Entity Too Large

  6. 6

    Ошибка. Невозможно использовать член экземпляра xxx в инициализаторе свойства.

  7. 7

    Перебирайте несколько столбцов в фрейме данных Panda и находите уникальные значения подсчета

  8. 8

    TypeError: store.getState não é uma função. (Em 'store.getState ()', 'store.getState' é indefinido, como posso resolver esse problema?

  9. 9

    В типе Observable <unknown> отсутствуют следующие свойства из типа Promise <any>.

  10. 10

    Ошибка отладчика кода Visual Studio: «Не удалось найти задачу« gcc build active file »

  11. 11

    np.fft.ifft2 делает изображение полностью черным

  12. 12

    Использование виджетов времени / даты Django в настраиваемой форме

  13. 13

    Ошибки компоновщика в GoogleMobileVision при использовании Firebase ML Kit на iOS без кокаподов

  14. 14

    Вызов выполнения .bat в cmd из Java ничего не делает

  15. 15

    Переопределить некоторые стили класса material-ui, но сохранить стили по умолчанию

  16. 16

    Как добавить Swagger в веб-API с поддержкой OData, работающий на ASP.NET Core 3.1

  17. 17

    Как я могу нарисовать заполненный прямоугольник в JFreeChart?

  18. 18

    Сводная таблица из запроса по месяцам в TeraData

  19. 19

    Обновление строк и столбцов с помощью openpyxl из python

  20. 20

    Чтение данных по строкам в Python с использованием openpyxl

  21. 21

    Как создать переменную с использованием класса Color, который включает только выбранные цвета?

популярныйтег

файл