0

你好,我是 JavaScript 的初学者。我正在尝试访问 script.js 中 user.js 的功能,但它抛出了错误,我也附加了 ss,下面是我正在做的事情的实现。

我创建了 4 个文件

index.js(起始文件):

const express = require("express");
const app = express();
const path = require("path");
const { getUserName, getRoomUsers } = require("./utils/user");
const port = process.env.PORT || 3030;
app.set("view engine", "ejs");
app.use(express.static(path.join(__dirname, "public")));
app.use("/home", express.static("public"));
app.get("/home/welcome", (req, res) => {
  res.render("home");
});
app.get("/", (req, res) => {
  res.send("Welcomme to startup page!!");
});

app.listen(port);

home.ejs(在 /views 中):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>welcome to home page</h1>
    <script src="script.js"></script>

</body>
</html>

user.js(在 /utils 中):

let user = [];
function getUserName(id, room) {
  const obj = users.find((user) => user.room === room && user.id === id);
  return obj.username;
}
function getRoomUsers(room) {
  return users.filter((user) => user.room === room);
}
function userJoin(id, username, room) {
  const user = { id, username, room };
  users.push(user);
  return user;
}
module.exports = {
  userJoin,
  getRoomUsers,
  getUserName,
};

script.js(在 /public 中):

const { getUserName, getRoomUsers } = require('./../utils/user.js')
getRoomUsers("abcd")

在运行这个我得到以下错误

在此处输入图像描述

如何访问 script.js 中的 user.js 函数

4

2 回答 2

1

require并且module.exports是 Node.js 支持但浏览器不支持的 CommonJS 模块的功能。

现代浏览器支持 ES6 模块(使用importand export),因此您可以以这种格式重写您的模块。MDN 有一个指南

或者,您可以使用ParcelWebpack 之类的工具将您的模块捆绑到一个与浏览器兼容的 JS 文件中,您可以将其提供给浏览器。

于 2021-07-08T16:33:46.570 回答
1

require不是 JavaScript 原生方法。哪个是 Node.js

请参阅: https ://stackoverflow.com/a/9901097/16351248

而且,您可以使用本机 JavaScript 方法:import

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

于 2021-07-08T16:29:30.313 回答