2017-02-09 24 views
0

単純なSPAアプリケーションを作成しようとしましたが、htmlファイルに「リソースのロードに失敗しました:angular.js」、「リソースのロードに失敗しました: route.js "、"リソースのロードに失敗しました:myApp.js "などです。道は間違っているが、そうではない。ノードと角度のアプリケーションで角度jsファイルを取得できません

これは、ノードにおける私のサーバーの一部である:これは角のパスを持つHTMLの例1で

var express = require('express'); 
var path = require("path"); 
var app = express(); 
var mongoose = require('mongoose'); 
var bodyParser = require('body-parser'); 
var bower = require('bower'); 
var userRouter = require('../app/controller/users'); 
var aplikacijaRouter = require('../app/controller/aplikacije'); 

var dogadjajRouter = require('../app/controller/dogadjaji'); 




// connection with mongodb 

mongoose.connect('mongodb://localhost/pracenje_gresaka_db') 

// configuration of bodyParser() 
app.use(bodyParser.urlencoded({ 
    extended: true 
})); 
app.use(bodyParser.json()); 

var port = process.env.PORT || 8181; 

//view of html files 
app.get('/', function(req, res){ 
    res.sendFile(path.join(__dirname + "/public/" + "example1.html")); 
}); 

app.get('/signup', function(req, res){ 
    res.sendFile(path.join(__dirname + "/public/" + "signup.html")); 
}); 

app.get('/login', function(req, res){ 
    res.sendFile(path.join(__dirname + "/public/" + "login.html")); 
}); 

<html> 
    <head> 
    <script type="text/javascript" src="../bower_components/angular/angular.js"></script> 
    <script type="text/javascript" src="../bower_components/angular-resource/angular-resource.js"></script> 
    <script type="text/javascript" src="../bower_components/angular-route/angular-route.js"></script> 
    <script type="text/javascript" src="myApp.js"></script> 
    </head> 
    <body ng-app="app"> 
    <h1> 
     Example 
    </h1> 
    <div ng-view> </div> 
    </body> 
</html> 

そして、これがmyApp.jsですが、私はそれに到達することはありません:ヘルプのための

(function(angular) { 

    var helloController = function ($scope) { 
     $scope.message = "Hello from the controller!"; 
    }; 


    var app = angular.module('app', ['ngRoute','ngResource']); 
    app.controller('helloCon', helloController); 

    app.config(function($routeProvider) { 
    $routeProvider 
    .when('/main',{ 
     templateUrl: 'primer01-entries.html', 
     controller: 'helloCon' 
    }) 
    .otherwise({ 
     redirectTo:'/main' 
    }); 
    }); 
})(angular); 

Image of error ありがとう!

答えて

0

../bower_componentsフォルダーがExpress over HTTPによって提供されているように見えません。私がしようと

チェックhttp://expressjs.com/en/starter/static-files.html

+0

:app.use(express.static(__ dirnameに '/ bower_components'));それでも角、jsは認識しません。どうしてか分かりません。 – neca