外部 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：