Node.js 遇到 “ReferenceError: require is not defined” 的解决方法-JavaScript中文网-JavaScript教程资源分享门户

在 Node.js 开发中，当我们使用 require() 方法引入模块时，有时会遇到 “ReferenceError: require is not defined” 的错误提示。这个错误提示的意思是 Node.js 在运行时无法识别 require() 方法，那么这个问题该如何解决呢？

解决方法

出现这个问题的原因是我们在浏览器端使用了 Node.js 的模块引入方式，而浏览器并不支持 require() 方法。为了解决这个问题，我们需要使用适合浏览器端的模块引入方式。

常见的适合浏览器端的模块引入方式有两种：

直接在 HTML 文件中通过 script 标签引用：

// javascriptcn.com 代码示例
<!DOCTYPE html>
<html>
<head>
  <title>My App</title>
</head>
<body>
  <script src="app.js"></script>
</body>
</html>

使用模块加载器（如 RequireJS、SystemJS 等）来引用模块：

// javascriptcn.com 代码示例
<!DOCTYPE html>
<html>
<head>
  <title>My App</title>
</head>
<body>
  <script src="system.js"></script>
  <script>
    System.import('app.js');
  </script>
</body>
</html>

在这两种方式中，我们可以通过将 Node.js 的模块文件转换为适合在浏览器端的模块文件来解决这个问题。常见的转换方法有通过 Browserify、Webpack 等工具来进行转换。这些工具能够识别 Node.js 的模块格式，并将其转换为适合浏览器端的模块格式。

示例代码

下面我们来通过一个简单的示例来说明这个问题的解决方法。

Node.js 模块文件

// app.js
const utils = require('./utils');

const result = utils.add(1, 2);

console.log(result);

// utils.js
exports.add = (a, b) => {
  return a + b;
}

转换后的浏览器端适用的模块文件

// app.js
import { add } from './utils.js';

const result = add(1, 2);

console.log(result);

// utils.js
export const add = (a, b) => {
  return a + b;
}

总结

在 Node.js 开发中出现 “ReferenceError: require is not defined” 的错误提示时，我们需要将 Node.js 的模块文件转换为适合在浏览器端使用的模块文件。常见的转换方法有通过 Browserify、Webpack 等工具来进行转换。这样可以保证我们的代码能够在浏览器端正常运行。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/652fb3f37d4982a6eb0e32e0