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

【问题标题】：Cannot get a angular js file in node and angular aplication无法在节点和角度应用程序中获取角度 js 文件
【发布时间】：2017-02-09 00:36:32
【问题描述】：

我尝试创建一个简单的 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 示例1：

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

【问题讨论】：

标签： html angularjs node.js

【解决方案1】：

看起来不像 ../bower_components 文件夹是由 Express 通过 HTTP 提供的。

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

【讨论】：

我尝试使用：app.use(express.static(__dirname '/bower_components'));但仍然无法识别 angular,js。我不知道为什么。