未定义要求功能

Require function is not defined

我正在使用 express 开发 3D 查看器。

我的问题是我试图在我的一个(不是主要的)JS 文件中要求文件系统模块。当我尝试加载浏览器时,控制台给我下一条消息:

ReferenceError: require is not defined

我的项目结构是:

如何使用浏览器导入的简短示例:

  1. 使用下一个内容创建 index.html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module" src="./main.js"></script>
</body>
</html>

检查脚本标签 - 我们设置类型="module" - 这指示浏览器我们正在使用模块系统

  1. 创建 main.js 脚本:
import name from './name.js';

console.log(name);
  1. 创建name.js 文件:
const name = 'test';
export default name;

现在您需要 运行 这个应用程序。最简单的方法是使用 WebServer For Chrome

启动应用程序并检查控制台。您应该会看到 'test' 已记录。

就是这样。请记住,这只是一个例子。我们不涉及缩小、缓存和其他重要的事情。