为什么在 CodeSandbox 上无法运行,但在 Visual Studio Code 上可以?

3

以下是我正在使用的代码。

JS

const clockContainer = document.querySelector('.js-clock'),
  clockTitle = clockContainer.querySelector('h1');

  function getTime() {
    const date = new Date();
    const minutes = date.getMinutes();
    const hours = date.getHours();
    const seconds = date.getSeconds();
    clockTitle.innerText = `${hours}:${minutes}:${seconds}`;
  }

function init() {
  getTime();
}

init();
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>clock</title>
</head>
<body>
    <div class="js-clock">
        <h1>00:00</h1>
    </div>
    <script src="clock.js"></script>
</body>
</html>

为什么这段代码在CodeSandbox中不能运行,但是在vscode中可以?

我不知道为什么... 我尝试了几乎所有的方法,但是这段代码在CodeSandbox中无法运行。

1个回答

2
您会注意到代码在堆栈溢出集成的代码运行中执行(请注意运行代码片段框)。因此,您的代码没问题。Visual Studio Code 显然很好。我认为问题出在 CodeSandbox 上。以下是我的建议:
1. 尝试全新的沙盒,并再次运行代码。 2. 尝试新的代码沙盒网站。我的个人推荐是 Codepen,因为我有使用经验。 3. 最后,为什么不更新您的问题并附上代码沙盒的链接?我们可以自己查看为什么它不能工作。
此外,提高一个票或支持请求与 CodeSandbox,告诉他们你面临这个问题。或者,简单地链接到这个堆栈问题,让他们获取所有细节。

哦,我明白了!我在沙盒中重新编码,就像我一直在编码的那个地方。所以我做了一个新的盒子,它运行得很好!我做了这个愚蠢的事情-https://codesandbox.io/s/pcs-vy3ub?file=/index.html - badbeoti
这是您需要的 :) - Jay

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接