问题描述：

刚开始使用 Node.js。在我的app/js文件中，我正在做这样的事情：

应用程序.js

var http = require('http');http.createServer(function (request, response) {  response.writeHead(200, {'Content-Type': 'text/plain'});  response.end('Am I really running a server?!');}).listen(8080, '127.0.0.1');console.log('running server!');

当我在终端运行node app.js时，控制台会吐出'running server!'，但在我的浏览器中，我得到Uncaught ReferenceError: require is not defined.

有人可以向我解释为什么在终端中它可以正常工作，但在浏览器中却不能吗？

我正在使用节点http-server来服务我的页面。

解决思路一：

从版本 14 开始，这现在也可以在 Node.js 中发生。

当您将包类型声明为package.json.如果这样做，某些 CommonJS 变量将无法使用，包括require.

要解决此问题，"type": "module"请从您的package.json文件中删除并确保您没有任何以.mjs.

若遇到问题的解决参考：

  • 项目文件夹中的任何内容都可能发生这种情况。因此，如果您有一个不相关的构建脚本，它是用CommonJSimport 编写的，但带有project.jsonwith “type”: “module”，那么构建脚本将会中断，即使它没有在package.json.

  • 您仍然可以使用createRequire在模块中使用 require

  • 我正在使用 nvm，所以我从节点 14 切换到节点 10，并且此错误已修复。

  • 您还可以将文件扩展名重命名为.cjs

  • “type”: “module”使用 Node 14，从 package.json 结果中取出(node:7396) Warning: To load an ES module, set “type”: “module” in the package.json or use the .mjs。我没有任何 .mjs

  • 这样你就不能用了import。

解决思路二：

在终端中，您正在运行节点应用程序并且它正在运行您的脚本。这是一个与直接在浏览器中运行脚本截然不同的执行环境。虽然 Javascript 语言大致相同（如果您运行的是 Chrome 浏览器，则两者都是 V8），但其他执行环境（例如可用的库）并不相同。

node.js 是一个服务端 Javascript 执行环境，它结合了 V8 Javascript 引擎和一堆服务端库。require()是 node.js 添加到环境中的一项功能。因此，当您在终端中运行 node 时，您正在运行一个包含require().

require()不是内置在浏览器中的功能。这是 node.js 的特定功能，而不是浏览器的特定功能。因此，当您尝试让浏览器运行您的脚本时，它没有require().

有一些方法可以在浏览器中运行某些形式的 node.js 代码（但不是全部）。例如，您可以获得require()类似（尽管不完全相同）工作的浏览器替代品。

但是，您不会在浏览器中运行 Web 服务器，因为这不是浏览器能够执行的操作。

您可能对browserify感兴趣，它允许您在浏览器中使用require()语句使用节点样式模块。

解决思路三：

正如 Abel 所说，默认情况下Node >= 14中的 ES 模块不再具有require。

如果要添加它，请将以下代码放在文件顶部：

以上仅为部分解决思路介绍，查看全部内容，请添加公众号后回复001，即可查看。