node.js 错误不能在模块外使用导入 - Html

当使用 node.js 进行 Html 代码编写时，可能会遇到以下类型的错误信息：

ReferenceError: document is not defined

这是因为在 node.js 中，没有像浏览器中一样的全局对象。特别是，Node.js 没有像浏览器一样的 window 和 document 对象，它们仅被认为是浏览器环境中可用的全局对象。

如果你试图在模块外部使用类似于下面这样的代码：

const div = document.createElement('div');

那么你将会得到一个 ReferenceError，因为 document 对象在 node.js 中未定义。

要解决此问题，你需要使用特殊的 node.js 模块，例如 jsdom 或 cheerio，并通过它们来模拟浏览器环境。

使用 jsdom

jsdom 模块可以模拟浏览器环境，它允许在 node.js 中使用 document 和 window 对象。

要使用 jsdom，首先使用 npm 安装它：

npm install jsdom

然后在代码中导入它并创建一个基本的文档对象：

const { JSDOM } = require('jsdom');
const { document } = new JSDOM('').window;

// 使用 document 对象进行 DOM 操作
const div = document.createElement('div');

在上面的例子中，我们使用 jsdom 创建了一个基本的文档对象并从中获取了 document 对象。然后我们就可以使用 document 对象进行 DOM 操作，就像在浏览器环境中一样。

使用 Cheerio

Cheerio 是另一个流行的 node.js 模块，它可以将 HTML 解析成 DOM 树，并提供类似于 jQuery 的选择器操作。和 jsdom 不同，Cheerio 不会模拟完整的浏览器环境。

要使用 Cheerio，首先使用 npm 安装它：

npm install cheerio

然后在代码中导入它并使用 load 方法加载 HTML：

const cheerio = require('cheerio');

// 加载 HTML 并使用选择器操作 DOM
const $ = cheerio.load('<div id="myDiv">Hello, World!</div>');
const div = $('#myDiv');

在上面的例子中，我们使用 cheerio 的 load 方法加载了一个 HTML 字符串，并使用 $ 变量对 DOM 进行操作。和在 jQuery 中一样，我们可以通过选择器来获取 DOM 元素，并对其进行操作。

结论

当在 node.js 中操作 HTML 代码时，如果需要使用浏览器环境中的全局对象如 document，则需要使用专门的模块来模拟浏览器环境。jsdom 和 Cheerio 都是常用的模块，可以满足大多数基本的操作需求。