Javascript ReferenceError:对象上未定义文档。<；匿名>；_Javascript

Javascript ReferenceError:对象上未定义文档。<；匿名>；

javascript

Javascript ReferenceError:对象上未定义文档。<；匿名>；,javascript,Javascript,我正在关注youtube教程教程中的家伙能够在浏览器中执行代码，但我无法执行相同的操作。以下是终端中弹出的错误 C:\vs projects\booklistapp\bookapp.js:47 document.addEventListener('DOMContentLoaded ', UI.displayBooks); ^ ReferenceError: document is not defined at Object.<anonymous> (C:\vs pro

我正在关注youtube教程教程中的家伙能够在浏览器中执行代码，但我无法执行相同的操作。以下是终端中弹出的错误

C:\vs projects\booklistapp\bookapp.js:47
document.addEventListener('DOMContentLoaded
', UI.displayBooks);
^



ReferenceError: document is not defined
    at Object.<anonymous> (C:\vs projects\b
ooklistapp\bookapp.js:47:1)
    at Module._compile (internal/modules/cj
s/loader.js:778:30)
    at Object.Module._extensions..js (inter
nal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/lo
ader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/
loader.js:593:12)
    at Function.Module._load (internal/modu
les/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/mo
dules/cjs/loader.js:831:12)
    at startup (internal/bootstrap/node.js:
283:19)
    at bootstrapNodeJSCore (internal/bootst
rap/node.js:622:3)```

C:\vs projects\booklistapp\bookapp.js:47
document.addEventListener（'DOMContentLoaded
，UI.displayBooks）；
^
引用错误：未定义文档
反对。（C:\vs项目\b
ooklistapp\bookapp.js:47:1）
at模块编译（内部/模块/cj
s/loader.js:778:30）
在Object.Module.\u extensions..js（inter
nal/modules/cjs/loader.js:789:10）
模块负载时（内部/模块/cjs/lo
ader.js:653:32）
在TRYMODELLOAD时（内部/模块/cjs/
loader.js:593:12）
在功能模块处加载（内部/模块
les/cjs/loader.js:585:3）
在Function.Module.runMain处（内部/mo
dules/cjs/loader.js:831:12）
启动时（内部/bootstrap/node.js:
283:19)
在bootstrapNodeJSCore（内部/bootst
rap/node.js:622:3）```

您正在Node.js中运行，它没有窗口或文档。如果要在浏览器中运行，请将脚本标记添加到html文件，然后在浏览器中运行html文件

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Hello from the browser</title>
</head>
<body>
  <script src="C:\vs projects\booklistapp\bookapp.js"></script>
</body>
</html>


您好，来自浏览器

您正在Node.js中运行，它没有窗口或文档。如果要在浏览器中运行，请将脚本标记添加到html文件，然后在浏览器中运行html文件

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Hello from the browser</title>
</head>
<body>
  <script src="C:\vs projects\booklistapp\bookapp.js"></script>
</body>
</html>


您好，来自浏览器

在bootstrapNodeJSCore（internal/bootstrap/node.js:622:3

表示您尝试使用nodejs运行脚本。堆栈跟踪并不表示您使用任何试图模拟浏览器环境的模块，该环境将提供

文档

和

文档.addEventListener（'DOMContentLoaded'，UI.displayBooks）；

显然是属于浏览器环境的代码（或者是属于例如electron的UI部分，实际上是一个浏览器）。

在bootstrapNodeJSCore（internal/bootstrap/node.js:622:3

表示您尝试使用nodejs运行脚本。堆栈跟踪并不表示您使用任何试图模拟将提供

document

和

document.addEventListener（'DOMContentLoaded'，UI.displayBooks'）的浏览器环境的模块）

显然是属于浏览器环境的代码（或属于诸如electron的ui部分，实际上是浏览器）。谢谢，它起作用了。我忘了添加脚本标记。谢谢，它起作用了。我忘了添加脚本标记。