Angular 5 Universal 直接呈现形式“dist”而不是“浏览器”

Question

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

我能够构建应用程序，但是当我提供应用程序时，我收到一个错误，它可以在“dist/browser”中找到任何视图，这是因为我的浏览器文件夹本身没有生成。我尝试将路线从“dist/browser”更改为“dist”并且应用程序正常工作，尽管我认为这不是预期的事情。

如果有帮助，这是我的 angular-cli.json 文件的 sn-p

{
  "$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