Angular2のExpress Server - アプリケーションが "Loading ..."に貼り付けられました

Question

Angular-CLIとnode/npmを使用して、標準のMEANスタックJSアプリケーションをゼロから作成しました。私はinitを実行し、ngのサービスを使用するときにうまくいくいくつかのフロントエンドのものを記入しました。次に、以下のコードを使用してバックエンドを作成し、シェルにノードサーバーを入力しました。 src/indexにあるindex.htmlページをロードし、src/appにはAngular2コードを含むsrcへの結合を試みますが、私の要素内では恐ろしい読み込み...が発生します。私は複数のチュートリアルを見てきました。これらはすべて、まさにこれまたは類似のクッキー・カッター・サーバー・コードでした。私はそれを理解できません。

server.js：

var express = require('express'); 
var path = require('path'); 
var bodyParser = require('body-parser'); 


var index = require('./routes/index'); 
var event = require('./routes/events'); 

var port = 3000; 

var app = express(); 
    app.set('views',path.join (__dirname, 'src')); 
app.set('view engine', 'ejs'); 
app.engine('html', require('ejs').renderFile); 

app.use(express.static(path.join(__dirname, 'src'))); 

app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({extended: false})); 

app.use('/', index); 
app.use('/', event); 


app.listen(port, function() { 
    console.log("server listening on port" + port); 
}); 

index.js：アンギュラCLIアプリで

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

router.get('/', function(req, res, next) { 
// res.render('../src/index.html'); 
    res.render('index.html'); 
}); 

module.exports = router; 

Answer 1

、ng buildまたはng build --prodを実行したノード/静的なディレクトリdistないsrcに役立つ表現します。