क्यों कोणीय 2 डिफ़ॉल्ट ऐप-रूट घटक लोड नहीं करता है?

Question

मैं कोणीय सीएलआई के माध्यम से उत्पन्न कोणीय ऐप शुरू करने की कोशिश कर रहा हूं, लेकिन ऐसा लगता है कि डिफ़ॉल्ट app-root घटक लोड नहीं होता है। कहने की ज़रूरत है कि मैं कोणीय ऐप और एक्सप्रेस सर्वर के बीच कनेक्शन के लिए प्रॉक्सी का उपयोग कर रहा हूं, और मैं एक ही समय में दो स्क्रिप्ट चला रहा हूं: node bin/www एक्सप्रेस/node.js के लिए प्रारंभ करें और 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 से बनाया गया था जो) लोड हो रहा है नहीं करता है लगता है: यहां मेरा नोड.जेएस/एक्सप्रेस 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 चलाता हूं, यह आवश्यकतानुसार कोणीय मुखपृष्ठ शुरू करता है और घटक ठीक है, इसलिए मुझे लगता है कि समस्या कहीं भी व्यक्त है)।

अग्रिम धन्यवाद

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