Javascript AngularJS+；节点：部署到Heroku时为空白页_Javascript_Angularjs_Node.js_Heroku

Javascript AngularJS+；节点：部署到Heroku时为空白页

javascript angularjs node.js heroku

Javascript AngularJS+；节点：部署到Heroku时为空白页,javascript,angularjs,node.js,heroku,Javascript,Angularjs,Node.js,Heroku,让我先说明一下，我从未构建过自己的应用程序并将其部署到Heroku。现在我正在尝试，我已经调试了一些问题，但现在看起来我的应用程序加载没有任何错误（根据控制台），但我的angular应用程序主页是完全空白的在标记之外添加一些非角度代码后，将加载普通HTML（工作？），但不会加载角度代码 <html> <head> <title>EDGE !</title> <script src="//cdnjs.cloudfl

让我先说明一下，我从未构建过自己的应用程序并将其部署到Heroku。现在我正在尝试，我已经调试了一些问题，但现在看起来我的应用程序加载没有任何错误（根据控制台），但我的angular应用程序主页是完全空白的

在

标记之外添加一些非角度代码后，将加载普通HTML（

工作？

），但不会加载角度代码

<html>
  <head>
    <title>EDGE !</title>
        <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-route.min.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
        <script src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="/bower_components/angular-trello/dist/angular-trello.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script>
    <script src="/javascripts/angularApp.js"></script>
        <script src="https://api.trello.com/1/client.js?key=87b220f4687be5f86544b866eef24b3e"></script>
        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-google-chart/0.1.0/ng-google-chart.js" type="text/javascript"></script>

        <link rel="stylesheet" href="/stylesheets/style.css">
  </head>

  <body ng-app="EDGE-Trello">
        <h1>Working?</h1>
        <ui-view></ui-view>
  </body>
</html>

…本地加载此资产没有问题，我不知道为什么现在会出现问题

以下是导致问题的路径：

var mongoose = require('mongoose');
var express = require('express');
var router = express.Router();
var Disease = mongoose.model('Disease');

router.post('/diseases', function(req, res, next) {
  var disease = new Disease(req.body);

  disease.save(function(err, diseases){
    if(err){ return next(err); }

    res.json(diseases);
  });
});

…和我的

疾病工厂：
app.factory('diseases', [
    '$http',
    function($http){

        var o = {
            diseases: []
        };

        o.show = function(disease) {
            return $http.get('/diseases/', {id : disease._id})
                .success(function(data) {
                    console.log(disease.name);
            });
        };

        o.create = function(diseases) {
            return $http.post('/diseases', diseases).success(function(data){
                o.diseases.push(data);
                console.log(data);
            });
        };

        o.getAll = function() {
            return $http.get('/diseases').success(function(data){
                angular.copy(data, o.diseases);
//              console.log(data);
            });
        };

        o.destroy = function(disease) {
            return $http.delete('diseases/' + disease._id).success(function(data){
                console.log("Disease " + disease.name + " has been removed!");
                o.getAll();
            });
        };

        return o;
    }
]);

..和我的配置功能：
app.config([
    'TrelloApiProvider', 
    '$stateProvider',
    '$urlRouterProvider',
    function(TrelloApiProvider, $stateProvider, $urlRouterProvider) {

    $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: '/javascripts/home/_home.html',
            controller: 'MainCtrl',
            resolve: {
                diseasePromise: ['diseases', function(diseases){
                    return diseases.getAll();
                }]
            }
        })

在部署方面的任何帮助都将不胜感激
 检查您的网络控制台，您有一个对/code>的调用，该调用返回一个500服务器错误。阅读您的代码时，您应该为此呼叫提供一些id。
这可能是您的英语路由的问题吗？也许在这里发布路线？我会用路线编辑。您是否设置了环境变量？@you。。。我不确定我是否也有同样的问题，唯一对我有效的方法是删除所有缓存和cookie（只需删除浏览器上的所有数据），我会将其添加到问题中，问题的状态为/diseases
，然后切换到503错误
app.config([
    'TrelloApiProvider', 
    '$stateProvider',
    '$urlRouterProvider',
    function(TrelloApiProvider, $stateProvider, $urlRouterProvider) {

    $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: '/javascripts/home/_home.html',
            controller: 'MainCtrl',
            resolve: {
                diseasePromise: ['diseases', function(diseases){
                    return diseases.getAll();
                }]
            }
        })