Настройка стека MEAN без рендеринга корневого приложения
Я пытаюсь настроить базовый средний стек, следуя этому гид, но клиент, похоже, не отображает приложение, а тело содержит,
<body>
<app-root></app-root>
</body>
Файловая структура точно такая же, как и у проекта пустой угловой cli Кроме, но с добавлением двух дополнительных файлов.
ПЛЮС: npm install --save ejs cors express body-parser
маршруты / index.js
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
res.render('index.html');
});
module.exports = router;
server.js
var express = require('express');
var path = require('path');
var bodyParser = require('body-parser');
var cors = require('cors')
var index = require('./routes/index');
// app
var app = express();
// cors
app.use(cors());
// views
app.set('views', path.join(__dirname, 'src'));
// engine
app.set('view enginer', 'ejs');
app.engine('html', require('ejs').renderFile);
// angular dist
app.use(express.static(__dirname + '/dist'));
// body bodyParser
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
// route
app.use('/', index);
// Initialize the app.
var server = app.listen(process.env.PORT || 3000, function () {
var port = server.address().port;
console.info("App now running on port", port);
});
Я запускаю ng build и node server.js, но получаю пустую белую страницу в браузере.
Возможно, есть критическое изменение, о котором я не знаю, поскольку в этом руководстве использовался angular2 (я использую angular 6).
Папка с названием проекта, затем внутри нее> index.html, styles.js, vendor.js и несколько других. Благодарность
Поскольку ваш index.html не находится непосредственно в папке dist (скорее, он находится внутри подпапки), попробуйте изменить app.use(express.static(__dirname + '/dist')); на app.use(express.static(__dirname + '/dist/<your project name here>'));.
Вот и все. Опубликуйте решение, и я его приму. ваше здоровье!
Ответы 1
Поскольку ваш index.html не находится непосредственно в папке dist (скорее, по какой-то причине он находится внутри подпапки), попробуйте изменить app.use(express.static(__dirname + '/dist')); на app.use(express.static(__dirname + '/dist/<your project name here>'));.
Что внутри вашей папки
dist?