NodeJS的Angular2应用程序未加载所有内容

时间:2016-09-29 22:18:36

标签: node.js angular

我正在尝试使用Angular2,并且通过官方文档的快速入门指南,我肯定已经开始运行了。但是,如果我想在服务器上执行任何API或在云上托管它,我似乎需要使用Node。我想我已经在server.js文件中正确设置了所有内容,但是当我运行它时,它似乎没有加载SystemJS中的所有内容,而且我收到以下错误:

Angular2 errors

这是节点代码:

var express = require("express");
var bodyParser = require("body-parser");

var app = express();

var System = require('systemjs');

// loads './app.js' from the current directory
System.import('app').then(function(m) {
  console.log(m);
});

// Config
app.set('port', (process.env.PORT || 3000));
app.use('/app', express.static(__dirname + '/app'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.listen(app.get('port'), function() {
    console.log('MEAN app listening on port ' + app.get('port'));
});

app.get('*', function(req, res) {
    res.sendFile(__dirname + '/index.html');
});

我不确定从Angular2快速入门指南中包含的lite-server npm start运行+----+-------++-------+------------------------+ | id | type | value | timestamp | +----+-------+--------+------------------------+ | 1 | rent | 12 | 2016-09-19T00:00:00Z | 1 | rent | 12 | 2016-09-19T00:00:00Z | 1 | buy | 12 | 2016-09-20T00:00:00Z | 1 | rent | 12 | 2016-09-20T00:00:00Z | 1 | buy | 12 | 2016-09-18T00:00:00Z | 1 | buy | 12 | 2016-09-18T00:00:00Z +----+-------+-------+------------------------+ 时,我想要包含哪些内容。 / p>

1 个答案:

答案 0 :(得分:0)

当你告诉明确在哪里寻找静态文件时,你必须包括你的js文件的位置。

例如,在我的一个项目中,我喜欢它

app.use('/css', express.static(path.resolve(appPath, 'css')));
app.use('/lib/css', express.static(path.resolve(appPath + '/lib', 'css')));
app.use('/lib/js', express.static(path.resolve(appPath + '/lib', 'js')));
app.use('/assets', express.static(path.resolve(appPath, 'assets')));
app.use('/node_modules', express.static(path.resolve(appPath, 'node_modules')));
app.use('/app', express.static(path.resolve(appPath, 'app')));

我相信这可能是你的问题,或希望让你走上正确的道路。