Neden Angular 2 varsayılan uygulama kökü bileşenini yüklemiyor?

Question

Açısal CLI ile oluşturulan Angular uygulamasını başlatmaya çalışıyorum, ancak varsayılan app-root bileşeninin yüklenmemesi gibi görünüyor. Açısal uygulama ile hızlı sunucu arasındaki bağlantı için proxy kullanıyorum ve aynı anda iki komut dosyası çalıştırıyorum: Açma/node.js başlangıç ​​için node bin/www ve Açısal ve proxy bağlantısı oluşturmak için ng serve --proxy-config proxy.config.json böyle görünüyor (package.json parçası):

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

indeks sayfası yüklendiğinde ince ama app-root bileşen (açısal CLI ng new oluşturuldu varsayılan bileşeni) yüklenirken etmediğini görünüyor: İşte benim node.js/ifade use s ve bir yol:

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; 

Ve Projemin yapı (gerekirse):

Ne kaçırdım? Neden varsayılan app-root bileşeni yüklenmiyor? (Gerekirse, ng serve'u çalıştırdığımda, gerektiğinde açısal ana sayfayı başlatır ve bileşen tamamdır, bu yüzden sorunun açık bir yerde olduğunu düşünüyorum).

Şimdiden teşekkürler

Answer 1

Sen dist/ klasörün after calling ng build --prod (the --prod is important, as the default is --dev) içeriğini hizmet etmelidir.

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

Ve az ya da çok sizin açık senaryoyu uyarlayan: `Ng Serve` kullanma

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