问题描述
你好，我是 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("/", 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, 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 函数
解决方法
require 不是 JavaScript 原生方法。哪个是 Node.js
请看： https://stackoverflow.com/a/9901097/16351248
而且，您可以使用原生 JavaScript 方法：import
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
,require 和 module.exports 是 CommonJS 模块的特性，Node.js 支持但浏览器不支持。
现代浏览器支持 ES6 模块（使用 import 和 export），因此您可以以该格式重写模块。 MDN has a guide。
或者，您可以使用 Parcel 或 Webpack 之类的工具将您的模块捆绑到一个与浏览器兼容的 JS 文件中，该文件可以提供给浏览器。