在Brackets文本编辑器中链接单独的.js文件

Question

我正在使用Brackets文本编辑器将一些javascript添加到HTML文件中。当我将javascript直接添加到标签之间的HTML文件中时，一切正常，但是当我尝试创建单独的.js文件然后将其链接到我的HTML时，它不再有效。它将所有这些错误代码提供给我的.js文件。

即使我下载并添加到我的项目中的jQuery文件也说错了。然而，当我将我的HTML链接到谷歌托管的jQuery时，即使我自己的main.js显示错误消息，整个网页也能正常工作。为什么它可以使用谷歌的jQuery链接而不是本地文件中的jQuery？

我也直接从在线教程中复制了代码，所以我知道它是正确的，但它仍然没有做任何事情。

我错过了什么？

这是我的html head和main.js文档的图片，文档树位于