なぜAngular 2がデフォルトのapp-rootコンポーネントを読み込まないのですか？

Question

角型CLIで生成された角型アプリケーションを開始しようとしていますが、デフォルトのapp-rootコンポーネントが読み込まれないようです。私はangle appとexpressサーバ間の接続にプロキシを使用していますが、同時に2つのスクリプトを実行しています。node bin/www express/node.js startと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とルートがあります：

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を実行すると、必要に応じて角のホームページを開始し、コンポーネントはOKであるため、問題はどこかにあると思います）。

おかげで、事前

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" 
} 

そして、多かれ少なかれ、あなたの特急スクリプト適応： `ンServe`を使用してExpressから提供

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