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

Question

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

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

索引页面加载罚款，但似乎app-root组件（默认组件，这是从角CLI ng new创建）不会加载： 这是我的node.js/express use s和路线：

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')); 
});