ノードJSでリソースをロードできません

ノードと角度を学習しようとしているチュートリアルを行っています。私は完全にこれに新しいです、私はLAMPスタック環境から来ているので、それは私にとってまったく新しい世界です。ノードJSでリソースをロードできません

私は角度JSをインストールし、私のHTMLファイルに含まれますが、私はこのエラー

を得続けるいる
http://localhost:3000/node_modules/angular/angular.min.jsは、リソースの読み込みに失敗しました：サーバーはステータスで応答（見つかりません）404

（見つかりません）サーバーは、404の状態で応答EDIT：http://localhost:3000/app/app.jsは、リソースのロードに失敗しました私はいくつかのdiffereを試してみましたntに接近しましたが、それらはすべて/server/ディレクトリを指しています。

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

これらはいずれも/server/というディレクトリを示しています。次のように

マイフォルダ構造は次のとおりです。

/アプリ
- app.js
/

/サーバー

秒node_modulesこれはindex.html

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

である。これは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'); 
});

さerver.jsこれは

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>

出典

2016-12-15 Halnex

__dirnameは、 "現在実行中のスクリプトが存在するディレクトリの名前"です。どのディレクトリserver.jsにされている

あなたがやっているときに：。

express.static(__dirname + '/app')

を、私はそれが実際には正しくない/server/appを探していると思います。

出典

2016-12-15 20:27:23 CodingWithSpike

代わりに何を使用しますか？ – Halnex

あなたは正しいです。自分の間違いですが、 'server.js'は'/server/'ディレクトリの中にネストされていて、ルートディレクトリにいなければなりませんでした。それを動かすと、今働いています。 – Halnex

ノードJSでリソースをロードできません

答えて

関連する問題