我正在尝试进入网络开发,我目前正在建设一个网站,将展示我所有的个人项目。
也就是说,我正在尝试使用Node.js,并且我正在尝试让我的web服务器呈现一个具有css样式的html文件,以及一个附加到它的.js文件。这是我创造的一个游戏。我将html文件更改为ejs文件,并将css文件放在视图文件夹中,但是,我不知道如何附加使页面与.ejs文件交互的.js。每次我尝试的时候,Node总是给我一个错误,“无法获取”文件。我是否必须将控制游戏逻辑的.js文件转换为模块,并以这种方式引入它?我完全是Node.js的新手,所以如果我听起来有点含糊,请原谅。
顺便说一下,我使用的是Express.js框架。
var express = require("express");
var app = express();
app.use(express.static("public"));
app.get("/home", function(req, res) {
res.render("home.ejs");
});
app.get("/ColorGame", function(req, res) {
res.render("colorGame.ejs");
});
app.listen(3000, function () {
console.log("Server activated and listening on port 3000");
});
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Color Game</title>
<link rel="stylesheet" href="colorGame.css">
</head>
<body>
<h1>The Great
<br>
<span id = "colorDisplay">RGB</span>
<br>
Guessing Game</h1>
<div id = "stripe">
<button type="button" id = "reset">New Colors!</button>
<span id = "message"></span>
<button type="button" class = "selected" id = "easyButton">Beginner</button>
<button type="button" class = "selected" id = "mediumButton">Intermediate</button>
<button type="button" class = "selected" id = "hardButton">Expert</button>
</div>
<div id = "container">
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
</div>
</body>
<script src = "/colorGameLogic.js"></script>
</html>
发布于 2018-05-29 06:57:05
js文件需要位于公用文件夹中
https://stackoverflow.com/questions/50574112
复制相似问题