从单独的Javascript文件中调用HTML元素（获取错误：＆＃34;无法找到可变文档＆＃34;）

Question

我只想尝试从我的JS文件中使用的html文件中获取一个元素，但我遇到了一个ReferenceError of＆＃34; Can＆＃39 ;找到变量：document＆＃34;。

我尝试使用的代码是：

var m = document.getElementById("metric");

在HTML文件中调用javascript文件：

<script type="text/javascript" src="main.js"></script>

为什么没有＆＃34;＃34;文件。＆＃34;工作??

任何帮助将不胜感激！为了记录，我使用的是vanilla javascript，而不是jQuery。