Question

我正在努力进入网络开发，目前我正在建立一个展示我所有个人项目的网站。

话虽如此，我正在尝试使用Node.js，我正在尝试让我的Web服务器呈现一个具有CSS样式的html文件，并附加一个.js文件。这是我创造的游戏。我将我的html文件更改为ejs文件，然后将css文件放在views文件夹中，但是，我无法弄清楚如何附加使页面与.ejs文件交互的.js。每次我尝试，Node都会给我一个错误，＆＃34;不能GET＆＃34;文件。我是否必须将控制游戏逻辑的.js文件转换为模块，并以这种方式引入它？我是Node.js的新手，所以如果我听起来有点模糊，请原谅。

顺便说一句，我正在使用Express.js框架。

＆＃13;

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");
});

＆＃13;

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

＆＃13;

This is what my folder structure looks like

Answer 1

js文件需要位于您的公用文件夹

中

如何在Node.js中包含一个.js文件（用于游戏）

1 个答案: