Question

我正在关注一个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)```

Answer 1

您正在Node.js中运行，后者没有窗口或文档。如果要在浏览器中运行它，请将script标记添加到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>

ReferenceError：未在对象上定义文档。<匿名>

1 个答案: