我的代码显示一个引用错误，我不知道为什么，我在webstorm ide中使用了node js。
我的网页
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<main class="container">
<h1 id="main-heading"> Movies </h1>
<div class="movie-list">
<ul>
<li class="list-items"> Thor </li>
<li class="list-items"> Batman </li>
</ul>
</div>
</main>
<script type="application/javascript" src="script.js"></script>
</body>
</html>
我的脚本
const title = document.getElementById('main-heading');
console.log(title);
错误
const title = document.getElementById('main-heading');
^
ReferenceError: document is not defined
类型application/javascript已过时，您可以使用text/javascript或application/x-javascript.
application/x-javascript这是实验条件，最好使用text/javascript
它也可以在没有类型的情况下工作，简单地说：
<script src="script.js"></script>