【问题标题】:ReferenceError: document is not defined in Visual Studio CodeReferenceError:文档未在 Visual Studio Code 中定义
【发布时间】:2021-10-08 12:27:45
【问题描述】:

为什么 node.js 不能识别我在 script.js 文件中的 index.html 引用?

请原谅我这个愚蠢的问题,但我找不到任何解决方法,我已经从 YouTube 教程中完美复制了一个脚本,他们似乎没有问题(其他人也没有,同样的方法)但是当我到达在终端中运行node script.js(或在浏览器中刷新html页面)似乎没有任何效果,html页面保持静态。我尝试了browsifyjsdom 以及之前在这里提出的其他建议,但我也浪费了同样的时间。

就是这样,甚至放两次,一次在</body>以上,一次在</head>以上:

<script scr="script.js"defer></script>
...
    <div class="countdown-days-c">
        <p class="big-text"id="days">0</p>
        <span>days</span>
    </div>

在 JS 文件中像:

const daysElement = document.getElementById("days");

随后出现此错误

ReferenceError: document is not defined
    at Object.<anonymous> (C:\Users\......\script.js:6:16)
    at Module._compile...

等等。也许我只是错过了一些东西,但我完全按照所示做了,而且我已经为此苦苦挣扎了一段时间。我对 CSS 文件没有任何问题,并且 JS 文件可以完全独立运行,但似乎无法与 HTML 一起使用。

【问题讨论】:

  • 不确定 node.js 与此有什么关系,因为这似乎是前端代码。您不使用节点运行 HTML/CSS/JavaScript
  • node.js 运行时没有document

标签: javascript html css visual-studio-code frontend


【解决方案1】:

您无法在节点中运行应用程序,因为全局对象不同。您应该做的是在浏览器中打开 HTML 文件。这应该可以解决你所有的问题。

【讨论】:

  • 这就是我所做的,当我检查它时它仍然无法识别 .js 文件并且网页是静态的,尽管它们应该被链接
  • 它们在同一个文件夹中吗? @thhhhhhhh
  • 是的,似乎没有什么不对,所以 idk。希望我能解决
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-10
  • 2022-01-11
  • 2016-09-04
  • 1970-01-01
  • 1970-01-01
  • 2019-10-04
相关资源
最近更新 更多