angular - 在 angular cli 升级后重新安装 angular Universal

Question

我升级了我的 angular cli从6版本到8.1，Angular universal通过@nguniversal/module-map-ngfactory-loader改变了简单的施工方法，我应该重新部署，清除旧配置。

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

错误信息:

Skipping installation: Package already installed
Target name already exists.

运行 npm install --save @nguniversal/module-map-ngfactory-loader

构建通用，运行 build:ssr ("npm run build:client-and-server-bundles && npm run compile:server")

错误信息:


我需要删除一些文件，修改一些文件并重新安装 @nguniversal/express-engine ?

Answer 1

使用 ng add 重新安装 angular Universal。您将需要删除由它生成的所有文件。如

src/main.server.ts

src/app/app.server.module.ts

src/tsconfig.server.json

webpack.server.config.js

server.ts

在 angular.json 中，您需要删除“服务器”配置。
就像是 :

 "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]

它应该工作。