現象
シンプルなHTML+JavaScriptの構成にて以下のエラーが発生。
Uncaught SyntaxError: Identifier '<変数名>' has already been declared
エラー内容的には、「変数がすでに宣言されているよ!」らしいが、2重で宣言してしまっているような個所は見当たらない。
しかもこのエラーは常に先頭行にある変数に対してのみ発生していて、
先頭行の変数を削除すると、その次にある変数で同じエラーが発生する。
原因
HTMLでJavaScriptファイルを2回読み込んでしまっていた。
<!-- 省略 -->
</div>
</div>
<script src="script.js"></script><!-- 1回目 -->
</div>
</div>
<div class="text"></div>
</body>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" src="script.js"></script><!-- 2回目 -->
</html>
盲点。気づくまで30分くらいかかった。
これ、やったことある人いるよね。