未在 javascript 中定義未捕獲的引用錯誤

Question

你好，我是 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 函數

Answer 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

Answer 2

require和module.exports是 CommonJS 模塊的特性，Node.js 支持但瀏覽器不支持。

現代瀏覽器支持 ES6 模塊（使用import和export ），因此您可以以該格式重寫模塊。 MDN 有一個指南。

或者，您可以使用Parcel或Webpack 之類的工具將您的模塊捆綁到一個與瀏覽器兼容的 JS 文件中，您可以將其提供給瀏覽器。

未在 javascript 中定義未捕獲的引用錯誤

問題描述

2 個解決方案

解決方案1
1 2021-07-08 16:29:30

解決方案2
1 2021-07-08 16:33:46

未在 javascript 中定義未捕獲的引用錯誤

問題描述

2 個解決方案

解決方案1 1 2021-07-08 16:29:30

解決方案2 1 2021-07-08 16:33:46

解決方案1
1 2021-07-08 16:29:30

解決方案2
1 2021-07-08 16:33:46