外部 JS 未链接到 HTML

Question

我有一个非常简单的目录结构，其中包含index.html文件和同一级别的main.js文件，没有其他文件/文件夹。 但是我无法在我的 index.html 中链接这个 js 文件。

我在下面发布了两个文件的内容，预期的行为是弹出一个简单的警报。

这是我的 HTML 文件：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="css/main.css" />
        <script type="text/javascript" scr="main.js"></script>
        <title>External JS Issue</title>
    </head>
    <body>
        Some Content Here.
    </body>
</html>

这是我的 JS 文件：
alert("If you can read this, it worked;");

但是，如果我包含此 JS 代码行并将其直接放在我的index.html中，它就可以正常工作。
以下是截图：

索引.html：