无法在Node JS中加载资源

时间:2016-12-15 20:09:21

标签: angularjs node.js mean-stack node-modules

我正在尝试学习Node和Angular的教程。我对此完全陌生,我来自LAMP堆栈环境,因此它对我来说是一个全新的世界,我感到完全失去了。

我已安装Angular JS并将其包含在我的HTML文件中,但我一直收到此错误

  

http://localhost:3000/node_modules/angular/angular.min.js无法加载资源:服务器响应状态为404(未找到)

     

http://localhost:3000/app/app.js无法加载资源:服务器响应状态为404(未找到)

编辑:我尝试了一些不同的方法,但他们都指向了/server/目录。

var appDir = path.dirname(require.main.filename);
var appDir = path.dirname(process.mainModule.filename);

这两个指向/server/目录。

我的文件夹结构如下:

  • /应用
    • app.js
  • / node_modules
  • /服务器

    • server.js
  • 的index.html

这是server.js

var express = require('express');
var mongoose = require('mongoose');
var bodyParser = require('body-parser');

var app = express();

mongoose.connect('mongodb://localhost:27017/social');

app.use('/app', express.static(__dirname + '/app'));
app.use('/node_modules', express.static(__dirname + '/node_modules'));

app.get('/', function(req, res) {
    res.sendFile("index.html", {root: '../'});
});

app.listen('3000', function() {
    console.log('Listening for localhost 3000');
});

这是app.js

(function() {
    angular.module('Social', []);
}());

这是index.html

<!DOCTYPE html>
<html lang="en" ng-app="Social">
<head>
    <meta charset="UTF-8">
    <title>The title</title>
</head>
<body>
    <p>Testing the test</p>
</body>

<script src="node_modules/angular/angular.min.js"></script>
<script src="app/app.js"></script>
</html>

1 个答案:

答案 0 :(得分:0)

__dirname是&#34;当前正在执行的脚本所在目录的名称。&#34;这是server.js所在的目录。

所以当你这样做时:

express.static(__dirname + '/app')

我认为它实际上是在寻找/server/app这是不正确的。