为什么 Angular 2 不加载默认的应用程序根组件？

Question

我正在尝试启动通过 Angular CLI 生成的 Angular 应用程序，但似乎默认的 app-root 组件没有加载。需要说，我正在使用代理来连接 Angular 应用程序和 Express 服务器，并且我同时运行两个脚本：node bin/www 用于 express/node.js 启动，ng serve --proxy-config proxy.config.json 用于启动 Angular 并创建代理连接，看起来像这样（package.json的一部分）：

"scripts": {
  "start": "concurrently --kill-others \"node bin/www\" \"ng serve --proxy-config proxy.config.json\""
}

索引页面加载正常，但似乎 app-root 组件（默认组件，从 Angular CLI ng new 创建）没有加载： 这是我的 node.js/express uses 和一条路线：

var express = require('express');
var router = express.Router();
var app = express();
var path = require('path');

app.use(express.static('./src/client/'));
app.use(express.static('./'));
app.use(express.static('./tmp'));
app.use('/*', express.static(path.resolve('src/client/index.html')));

router.get('*', function(req, res) {
    res.sendFile(path.resolve('src/client/index.html'));
});

module.exports = router;

以及我的项目结构（如果需要）：

我错过了什么？为什么默认的app-root 组件没有加载？ （需要说，当我运行ng serve时，它会根据需要启动角度主页并且组件是好的，所以我认为问题出在快递的某个地方。

提前致谢

Answer 1

您应该提供dist/ 文件夹after calling ng build --prod (the --prod is important, as the default is --dev) 的内容。所以，它会是这样的：

"scripts": {
  "start": "ng build --prod && node bin/www"
}

而且，或多或少地调整您的快速脚本：

app.use(express.static('./dist'));
app.use('/*', express.static(path.resolve('dist/index.html')));

router.get('*', function(req, res) {
    res.sendFile(path.resolve('dist/index.html'));
});