Angular 5 通用渲染直接形成 'dist' 而不是 'browser'

Question

我想实现 angular 通用，为此我已经完成了整个教程并设置了应用程序。 https://angular.io/guide/universal

我能够构建该应用程序，但是当我为该应用程序提供服务时出现错误，它可以在 'dist/browser' 中找到任何视图，这是因为我的浏览器文件夹本身没有生成。我尝试将路线从 'dist/browser' 更改为仅 'dist' 并且该应用程序运行正常，但我认为这不是预期的事情。

这是我的 angular-cli.json 文件的一个片段，如果有帮助的话

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "angular5"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    },
    {
      "platform": "server",
      "root": "src",

      "outDir": "dist/server",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.server.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.server.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

如何让我的浏览器文件夹呈现并使其正常工作？

Answer 1

在您的第一个应用中，您实际上需要将 outDir 更改为 dist/browser 而不仅仅是 dist

关于您的 index.html 文件，您在 dist/server 文件夹中看不到它是正常的，您的通用服务器将使用 dist/browser 文件夹中的文件

看看这里，步骤解释的很清楚 https://github.com/angular/angular-cli/wiki/stories-universal-rendering

Angular 5 通用渲染直接形成 'dist' 而不是 'browser'

Angular 5 Universal render directly form 'dist' instead of 'browser'

angular-universal

angular