2016-12-15 6 views
0

노드 및 각도를 배우려는 자습서를하고 있습니다. 저는 완전히 새로운 것입니다. 램프 스택 환경에서 온 것이므로 완전히 새로운 세상입니다. 완전히 잃어버린 느낌입니다.노드 JS에서 리소스를로드하지 못했습니다.

나는 각도 JS를 설치하고 내 HTML 파일에 포함되어 있지만이 오류

가 계속 한

http://localhost:3000/node_modules/angular/angular.min.js 자원을로드하지 못했습니다 : 서버의 상태와 응답 (찾을 수 없음) (404)

http://localhost:3000/app/app.js 자원을로드하지 못했습니다 : 서버가 (찾을 수 없음) (404)의 상태로 응답

이 편집 :가 좀 differe을 시도 NT는 접근했지만 모두 /server/ 디렉토리를 가리키고 있습니다.

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

이 두 가지 모두 /server/ 디렉토리를 가리 킵니다.

  • /응용 프로그램
  • /는
  • /서버

    • 들 node_modules app.js 다음과 같이

      내 폴더 구조는 이것은 index.html

      ,174,515 app.js

      (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> 

답변

0

__dirname은 "현재 실행중인 스크립트가 상주하는 디렉토리의 이름입니다." 어떤 디렉토리 server.js입니다에

당신이하고있는 그래서 때.

express.static(__dirname + '/app') 

내가 실제로 올바르지 않습니다 /server/app을 찾고 생각합니다.

+0

대신 무엇을 사용해야합니까? – Halnex

+0

정확합니다. 그것은 내 실수 였고,'server.js'가'/ server /'디렉토리 안에 중첩되어있을 때 루트 디렉토리에 있어야했습니다. 거기로 옮기면 이제 작동 중입니다. – Halnex

관련 문제