MAMPを使ってPHPを実行していますが、GET通信でパラメーターが存在するときにPHPでjsファイルを読み込めなくなります。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

なぜPHPのGET通信ででパラメーターが存在するときに、jsファイルが読み込めなくなってしまうのか教えてほしい。
PHPでGET通信のパラメーターが存在する場合でもjsファイルを読み込めるようにしたい。

前提

GET通信のパラメーターがない状態では<script src="">で読み込んだjsファイルを読み込めるのですが、

GET通信のパラメーターがある状態ではjsファイルが読み込まれず、シンタックスエラーが出てしまいます。

jsファイルが、HTMLで上書きされてしまっている？

発生している問題・エラーメッセージ

Uncaught SyntaxError: Unexpected token '{' (at script.js:1:10)

該当のソースコード

URL
1http://localhost:8888/testProgram/index.php/?today=2022-02-02

PHP:index.php
1<?php
2var_dump($_GET);
3echo "<br>";
4echo "Hello, world!";
5?>
6
7<!DOCTYPE html>
8<html lang="ja">
9    <head>
10        <meta charset="utf-8">
11        <meta name="viewport" content="width=device-width, initial-scale=1.0">
12        <title>test Program</title>
13    </head>
14    <body>
15        <script src="script.js" type="text/javascript"></script>
16    </body>
17</html>

JavaScript:script.js
1console.log("Hello, world!");

試したこと

このように<script>タグで直接PHPファイルに書くととりあえずJSが実行できるのですが、エラーが出たときに行数がずれてしまい、デバッグしにくいのでできればJSを別ファイルで書きたいです。

PHP
1<?php
2var_dump($_GET);
3echo "<br>";
4echo "Hello, world!";
5?>
6
7<!DOCTYPE html>
8<html lang="ja">
9    <head>
10        <meta charset="utf-8">
11        <meta name="viewport" content="width=device-width, initial-scale=1.0">
12        <title>test Program</title>
13    </head>
14    <body>
15        <script type="text/javascript">
16            console.log("Hello, world!");
17        </script>
18    </body>
19</html>