Node.JSスクリプトタグを追加

Node.JSに何かを作成しようとしています。私はサーバーを起動し、index.htmlへのリクエストを受け取りました。 index.htmlの中で、私はこの得た：私のapp.jsでNode.JSスクリプトタグを追加

var socket = null; 

$(document).ready(function() { 
    $('#login').click(login); 
}); 

function login() 
{ 
    socket = io(); 

    socket.emit('set-name', {name: $('#name').val()}); 
};

：

app.get('/', function(req, res){ 
    res.sendFile(__dirname + '/index.html'); 
}); 

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

私のスクリプトで

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
</head> 
<body> 
    <input type="text" id="name" placeholder="name"> 
    <button id="login">Login</button> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
    <script src="/scripts/main.js"></script> 
</body> 
</html>

を/ main.jsは、私はこれを得たファイル

var app = require('express')();

ただし、私のブラウザはmain.jsファイルがfouではないと不平を言いますnd ...私はそれに多くの経験がないので、どうすればこの問題を解決できますか？

これは私のプロジェクト構造である：

出典

2016-06-27 Joshua Bakker

ノードアプリケーションの階層を表示できますか？ – abdoutelb

サーバーの外観はどうですか？あなたは静的なファイルフォルダミドルウェアを使用していますか？ – sookool99

あなたのルートは何ですか –

置き換えなければなりませんapp.use('/scripts', express.static(__dirname + '/scipts/'));とapp.use('/scripts', express.static(__dirname + '/scripts/'));

パス連結の場合は、環境に依存しない方法としてpath.joinを使用してください。

出典

2016-06-28 10:52:24

Scipts？本当に？私はそんな馬鹿だ。助けてくれてありがとう！ –

-2

あなたのスクリプト宣言でスラッシュを取り除く必要があります。

<script src="/scripts/main.js"></script>

は

<script src="scripts/main.js"></script>

出典

2016-06-27 16:06:44

これは、スクリプトフォルダがindex.htmlファイルと同じ場所にあることを前提としています。 –

Node.JSスクリプトタグを追加

答えて

関連する問題