угловой универсальный, угловой от 6 до 9, установить новую версию углового универсального

После того, как я попытался обновить свою версию angular (с 6 по 9), я обнаружил, что старая версия angular universal может быть успешно упакована, но не может нормально работать.

Старая команда универсальной упаковки angular:

 ng build --prod ; ng run [project name]:server ; npm run webpack:server

Некоторые файлы будут созданы до того, как эта команда сработает, но шаги сложны, и я забыл.

Я пытаюсь решать проблемы в процессе, но постоянно появляются новые проблемы.

Поэтому я планирую попробовать новую версию angular universal, но кажется, что две версии angular universal конфликтуют друг с другом.

У меня возникла проблема с запуском первой команды:

ng add @nguniversal/express-engine --clientProject [project name]

Сообщение об ошибке:

Skipping installation: Package already installed
ERROR! server.ts already exists.
The Schematic workflow failed. See above.

Мой пакет.json:

"dependencies": {
    "@angular-devkit/build-angular": "^0.803.23",
    "@angular/animations": "^9.0.0-rc.10",
    "@angular/cdk": "^7.3.7",
    "@angular/common": "^9.0.0-rc.10",
    "@angular/compiler": "^9.0.0-rc.10",
    "@angular/core": "^9.0.0-rc.10",
    "@angular/forms": "^9.0.0-rc.10",
    "@angular/http": "^6.0.3",
    "@angular/platform-browser": "^9.0.0-rc.10",
    "@angular/platform-browser-dynamic": "^9.0.0-rc.10",
    "@angular/platform-server": "^9.0.0-rc.10",
    "@angular/router": "^9.0.0-rc.10",
    "@nguniversal/express-engine": "^9.0.0-rc.1",
    "@nguniversal/module-map-ngfactory-loader": "^7.1.1",
    "@ngx-meta/core": "^7.0.0",
    "@ngx-share/core": "^7.1.4",
    "@types/gapi": "0.0.39",
    "@types/jquery": "^3.3.31",
    "core-js": "^2.6.10",
    "csspin": "^1.1.4",
    "express": "^4.17.1",
    "intersection-observer": "^0.5.1",
    "ng-lazyload-image": "^5.1.2",
    "ng-recaptcha": "^4.3.0",
    "ngx-cookie-service": "^2.2.0",
    "ngx-facebook": "^2.4.0",
    "ngx-infinite-scroll": "^6.0.1",
    "npm": "^6.12.0",
    "rxjs": "^6.5.4",
    "zone.js": "^0.10.2"
  },
  "devDependencies": {
    "@angular/cli": "~9.0.0-rc.10",
    "@angular/compiler-cli": "^9.0.0-rc.10",
    "@angular/language-service": "^9.0.0-rc.10",
    "@types/google.analytics": "0.0.39",
    "@types/jasmine": "^2.8.3",
    "@types/jasminewd2": "^2.0.8",
    "@types/node": "^8.10.54",
    "codelyzer": "~4.2.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.6",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "node-sass": "^4.13.1",
    "protractor": "~5.3.0",
    "ts-loader": "^5.4.5",
    "ts-node": "^5.0.1",
    "tslint": "~5.9.1",
    "typescript": "^3.6.4",
    "webpack-cli": "^3.3

angular angular-universal angular9
person Finn    schedule 23.01.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Перейдите по этой ссылке: переустановите angular universal после обновления angular cli

Удалите все следующие файлы

  • источник/main.server.ts
  • источник/приложение/приложение.сервер.модуль.тс
  • src/tsconfig.server.json
  • webpack.server.config.js
  • server.ts

Удалите конфигурацию сервера. Что-то типа:

"server": {
  "builder": "@angular-devkit/build-angular:server",
  "options": {
    "outputPath": "dist/server",
    "main": "src/main.server.ts",
    "tsConfig": "src/tsconfig.server.json"
  },
  "configurations": {
    "production": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.prod.ts"
        }
      ]
    }
  }
}

После этого вы можете просто сделать

ng add @nguniversal/express-engine --clientProject [project name]
person Sachin Bhanage    schedule 30.09.2020
comment
сработало для меня спасибо - person Priyanka Arora; 02.01.2021