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与节点应用程序没有正确链接

回答

相关问题