Question

我确实阅读了所有其他主题，但没有一个解决方案解决了我的问题。

我写了npm start并且服务器正常运行，但是app-root似乎没有加载客户端（Angular 2应用程序）。

我只是得到一个空的html页面：

加载...

（在页面下方查看我的html文件）

任何可能导致它的原因 - 或任何建议的解决方案？谢谢。

app.js

＆＃13;

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var mongoose = require('mongoose')


//Set up default mongoose connection
var mongoDB = 'mongodb://localhost/beatblocks';

// Get Mongoose to use the global promise library
mongoose.Promise = global.Promise;

mongoose.connect(mongoDB, function(err) {
    if (err){
        console.log("error connecting to db...")
    }
    console.log("connected to database...");
});


// Load Songs Model
require('./models/songs');
const songs = mongoose.model('songs');

// Load Locations Model
require('./models/locations');
const locations = mongoose.model('locations');

// Load users Model
require('./models/users');
const users = mongoose.model('users');


var routeIndex = require('./routes/index');
var routeSongs = require('./routes/songs');
var routeUsers = require('./routes/users');
//var routeLocations = require('./routes/locations');
var app = express();
var router = express.Router();


// Set Static Folder
app.use(express.static(path.join(__dirname, 'views')));
app.use(express.static(path.join(__dirname, '/client/dist')));
app.use(express.static(path.join(__dirname, 'client/src')));

//View Engine
app.engine('ejs', require('ejs').renderFile);
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());


app.use('/', routeIndex);
app.use('/songs', routeSongs);
app.use('/users', routeUsers);
//app.use('/locations', routeLocations);

module.exports = app;

＆＃13;

www.js

＆＃13;

#!/usr/bin/env node

/**
 * Module dependencies.
 */

var app = require('../app');
var debug = require('debug')('beatblocksweb:server');
var http = require('http');

/**
 * Get port from environment and store in Express.
 */

var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

/**
 * Create HTTP server.
 */

var server = http.createServer(app);

/**
 * Listen on provided port, on all network interfaces.
 */

app.listen(port, function(){
    console.log('Server started on port '+port);
});
server.on('error', onError);
server.on('listening', onListening);

/**
 * Normalize a port into a number, string, or false.
 */

function normalizePort(val) {
    var port = parseInt(val, 10);

    if (isNaN(port)) {
        // named pipe
        return val;
    }

    if (port >= 0) {
        // port number
        return port;
    }

    return false;
}

/**
 * Event listener for HTTP server "error" event.
 */

function onError(error) {
    if (error.syscall !== 'listen') {
        throw error;
    }

    var bind = typeof port === 'string'
        ? 'Pipe ' + port
        : 'Port ' + port;

    // handle specific listen errors with friendly messages
    switch (error.code) {
        case 'EACCES':
            console.error(bind + ' requires elevated privileges');
            process.exit(1);
            break;
        case 'EADDRINUSE':
            console.error(bind + ' is already in use');
            process.exit(1);
            break;
        default:
            throw error;
    }
}

/**
 * Event listener for HTTP server "listening" event.
 */

function onListening() {
    var addr = server.address();
    var bind = typeof addr === 'string'
        ? 'pipe ' + addr
        : 'port ' + addr.port;
    debug('Listening on ' + bind);
}

＆＃13;

我的index.html：

＆＃13;

<html>
<head>
    <title>Beat Blocks</title>
</head>
<body>
<app-root>Loading...</app-root>
<app-header></app-header>
</body>
</html>

＆＃13;

我的项目：

Angular2 + ExpressJs <app-root>选择加载。

0 个答案: