未定义要求功能
Require function is not defined
我正在使用 express 开发 3D 查看器。
我的问题是我试图在我的一个(不是主要的)JS 文件中要求文件系统模块。当我尝试加载浏览器时,控制台给我下一条消息:
ReferenceError: require is not defined
我的项目结构是:
- node_module
- 来源
- js
- app.js // 问题就在这里
- 观看次数
- index.ejs
- server.js
如何使用浏览器导入的简短示例:
- 使用下一个内容创建 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" - 这指示浏览器我们正在使用模块系统
- 创建 main.js 脚本:
import name from './name.js';
console.log(name);
- 创建name.js 文件:
const name = 'test';
export default name;
现在您需要 运行 这个应用程序。最简单的方法是使用 WebServer For Chrome
启动应用程序并检查控制台。您应该会看到 'test' 已记录。
就是这样。请记住,这只是一个例子。我们不涉及缩小、缓存和其他重要的事情。
我正在使用 express 开发 3D 查看器。
我的问题是我试图在我的一个(不是主要的)JS 文件中要求文件系统模块。当我尝试加载浏览器时,控制台给我下一条消息:
ReferenceError: require is not defined
我的项目结构是:
- node_module
- 来源
- js
- app.js // 问题就在这里
- 观看次数
- index.ejs
- js
- server.js
如何使用浏览器导入的简短示例:
- 使用下一个内容创建 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" - 这指示浏览器我们正在使用模块系统
- 创建 main.js 脚本:
import name from './name.js';
console.log(name);
- 创建name.js 文件:
const name = 'test';
export default name;
现在您需要 运行 这个应用程序。最简单的方法是使用 WebServer For Chrome
启动应用程序并检查控制台。您应该会看到 'test' 已记录。
就是这样。请记住,这只是一个例子。我们不涉及缩小、缓存和其他重要的事情。