代码之家 › 专栏 › 技术社区 › Kaigo

设置平均堆栈不呈现应用程序根

mean-stack angular node.js

Kaigo · 技术社区 · 6 年前

guide ,但客户端似乎没有呈现应用程序,而是显示正文包含的内容,

<body>
  <app-root></app-root>
</body>

文件结构与 空白角度 cli项目除了添加两个额外的文件。

另外: npm install --save ejs cors express body-parser

路由/索引.js

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

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

module.exports = router;

服务器.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.log("App now running on port", port);
});

ng build 和 node server.js 但是在浏览器中得到一个空白的白色页面。

1 回复 | 直到 6 年前

Horace Lee 6 年前

自从你 index.html 不是直接在 dist 文件夹(由于某种原因,它位于子文件夹中),请尝试更改 app.use(express.static(__dirname + '/dist')); 到 app.use(express.static(__dirname + '/dist/<your project name here>'));

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

Jihed Ben Zarb · 造型角材料日期选择器

6 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

6 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

6 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

6 月前

Jace Johnson · Typescript文件读取的变量类型错误

6 月前

Ole · Angular资源API是否支持为资源添加初始值?

6 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

6 月前