Javascript與節點應用程序沒有正確鏈接

使用Node/Express/EJS，我還沒有包含任何js文件，所以我開始並且無法讓我的alert("working");工作！諷刺的。Javascript與節點應用程序沒有正確鏈接

目標是讓learnJs.js加載到瀏覽器中顯示警報，以便我知道事情正在發揮作用。

這裏是節點包括目錄：

// Static Resource Inclusions 
app.use(express.static(__dirname +"/styles")); 
app.use(express.static(__dirname +"/img")); 
app.use(express.static(__dirname +"/js")); 
app.set("views", path.join(__dirname, "/views")); 
app.set("view engine", "ejs");

這裏是文件結構我有：

[ enter image description here

這裏是learnJs.js：

這是前端模板，header.ejs它被調用每個頁面上：

<head> 
<title>Memento</title> 

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
<link rel="stylesheet" type="text/css" href="/styles.css"> 
<script type="text/javascript" src="/js/scripts/learnJs.js"></script>

來源

2016-12-30 illcrx

你檢查瀏覽器'js'文件的路徑？ –

林不知道我跟着，我會怎麼做？ – illcrx

您需要加載腳本像下面，/JS/不需要

<script type="text/javascript" src="scripts/learnJs.js"></script>

來源

2016-12-30 19:34:33 Sumeet

你贏了！我已經告訴它去/ js，所以我不需要再在腳本標記中這樣做，因爲它然後查找'/ js/js/scripts/learnJs.js' 謝謝！ – illcrx

確保您learnJs文件已被確認在瀏覽器中加載developer console到瀏覽器中。

來源

2016-12-30 19:30:56

它得到我的404響應 – illcrx

所以你的'快速'應用程序不響應文件 –

Javascript與節點應用程序沒有正確鏈接

回答

相關問題