Angular Диалог материалов не отображается должным образом на Angular 6 рендеринге на стороне сервера - PullRequest
0 голосов
/ 17 июня 2020

Недавно я изменил приложение angular 6 на рендеринг на стороне сервера. Я использую angular материал для диалога и @ ng bootstrap для некоторого окна подтверждения. когда я запускаю приложение, в ServerAppModule не отображается поставщик для MatDialog. Но я могу видеть страницу без должного стиля. Но когда я добавляю MatDialogModule в serverAPPModule. Страница не загружается.

{
"name": "serversiderendering",
"version": "0.0.0",
"license": "MIT",
"scripts": {
    "ng": "ng",
    "start": "node app.js",
    "build": "ng build --project serversiderendering --prod && ng run serversiderendering:server",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
 },
"private": true,
"dependencies": {
    "@angular/animations": "^7.2.12",
    "@angular/cdk": "6.4.2",
    "@angular/cli": "^7.3.8",
    "@angular/common": "^7.2.12",
    "@angular/compiler": "^7.2.12",
    "@angular/compiler-cli": "^7.2.12",
    "@angular/core": "^7.2.12",
    "@angular/forms": "^7.2.12",
    "@angular/http": "^7.2.12",
    "@angular/material": "6.4.2",
    "@angular/material-moment-adapter": "6.4.2",
    "@angular/platform-browser": "^7.2.12",
    "@angular/platform-browser-dynamic": "^7.2.12",
    "@angular/platform-server": "^7.2.12",
    "@angular/router": "^7.2.12",
    "@microsoft/applicationinsights-web": "^2.5.4",
    "@nguniversal/express-engine": "^7.1.1",
    "@nguniversal/module-map-ngfactory-loader": "^7.1.1",
    "@types/jquery": "^3.3.33",
    "@ng-bootstrap/ng-bootstrap": "4.1.0",
    "@types/node": "~11.13.2",
    "classlist.js": "^1.1.20150312",
    "core-js": "^3.0.1",
    "domino": "^2.1.5",
    "express": "4.13.1",
    "forever-monitor": "^3.0.0",
    "http-proxy-middleware": "^1.0.4",
    "jquery": "^3.4.1",
    "rxjs": "6.4.0",
    "rxjs-compat": "^6.4.0",
    "tslib": "^1.9.0",
    "web-animations-js": "^2.3.1",
    "webpack-cli": "3.1.0",
    "zone.js": "^0.9.0"
 },
"devDependencies": {
    "@angular-builders/custom-webpack": "^7.2.0",
    "@angular-devkit/build-angular": "~0.13.0",
    "@angular-builders/dev-server": "^7.3.1",
    "@angular/cli": "^7.3.8",
    "@angular/compiler-cli": "^7.2.12",
    "@angular/language-service": "^7.2.12",
    "@types/jasmine": "~3.3.12",
    "@types/jasminewd2": "~2.0.6",
    "@types/node": "~11.13.2",
    "codelyzer": "~5.0.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.0.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~2.0.0",
    "karma-coverage-istanbul-reporter": "^2.0.5",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.2",
    "ts-node": "~8.0.3",
    "tslint": "~5.15.0",
    "typescript": "3.2.4"
 }
}

Я где-то видел, что angular материал не поддерживается angular Universal. Это правда? Если да, то какую альтернативу я могу использовать?

Thans

...