Question

我尝试创建一个简单的SPA应用程序，在html文件中我遇到如下错误：“无法加载资源：angular.js”，“无法加载资源：angular-route.js”，“无法加载资源： myApp.js“和类似的。就像路径错了但不是。

这是Node中我服务器的一部分：

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" ));
 });

这是一个带有angular的路径的html example1：

<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 谢谢你的帮助！

Answer 1

Express for HTTP为../bower_components文件夹看起来不像。

检查http://expressjs.com/en/starter/static-files.html

无法在节点和角度应用中获取角度js文件

1 个答案: