Warum Angular 2 lädt nicht Standard-App-Root-Komponente?

Question

Ich versuche Angular App über eckige CLI zu starten, aber es scheint, als ob die Standard app-root Komponente nicht geladen wird. Ich muss sagen, dass ich Proxy für die Verbindung zwischen eckigen App und Express-Server benutze, und ich zwei Skripte gleichzeitig laufen: node bin/www für Express/node.js Start und ng serve --proxy-config proxy.config.json für den Start Angular und Erstellen von Proxy-Verbindung, es sieht wie folgt aus (der Teil von package.json):

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

die Index-Seite geladen in Ordnung, aber es scheint, dass app-root Komponente (die Standardkomponente, die aus Winkel CLI ng new erstellt wurde) Laden nicht: Hier ist meine node.js/express use s und eine Route:

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; 

Und die Struktur meines Projektes (falls erforderlich):

Was habe ich verpasst? Warum lädt die Standardkomponente app-root nicht? (muss ich sagen, wenn ich ng serve ausführen, startet es die eckige Homepage nach Bedarf und die Komponente ist in Ordnung, so denke ich, das Problem ist irgendwo in Express).

Vielen Dank im Voraus

Answer 1

Sie sollten den Inhalt des Ordners dist/after calling ng build --prod (the --prod is important, as the default is --dev) dienen. So wäre es so etwas wie dieses:

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

Und mehr oder weniger Ihr ausdrückliches Skript anpassen:

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