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

我想实现angular 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": {}
  }
}

---

我如何才能让我的浏览器文件夹进行渲染并使其正常工作？

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

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

看看这里，步骤解释得很清楚

---

这可能会帮助您感谢您搜索，但这是完全未更新的您的构建文件没有在浏览器文件中生成？您能显示您的.angular-cli.json文件吗？@David更新了问题。现在它可以工作了，我想我会生成一个新的浏览器文件夹，其中包含所有捆绑的js和index.html，所有这些现在都很清楚了。虽然我在他们的官方网站上关注着这篇文章，但这篇文章并没有在那里提供。谢谢