【JavaScript】わたしへ。「Uncaught SyntaxError: Unexpected token '<'」が出てきたらHTMLからjsファイルへのリンクパスを疑え

2021年9月10日 17:32

タイトルが全てです。3日で2回同じところにハマりました。

と、いうわけで、「Uncaught SyntaxError: Unexpected token '<'」が出てきたらHTMLからjsファイルへのリンクパスを疑え。

何が起きたか

なーんかjsが上手く動かなくてコンソール見てみると、真っ赤な文字でUncaught SyntaxError吐いてるじゃないですか。んで、

こっちが出てくれれば、「ああファイル見つからないのね」ってすぐ分かるんですけども、Firebaseアプリだからかなぁ、なんか、

Uncaught SyntaxError: Unexpected token '<'

が出ちゃう事があるんですよね。しかも、HTMLファイルの1行目にあるよ、とか言われちゃう。

本来は「変なとこに「<」があるよう！」っていうエラーです。Unexpectedなtokenである'<'が存在してるエラーだよ、って言ってますね。そのまんまです。

' 'の中身が「)」だったり「{」だったりする場合は、カッコの閉じ忘れや開け忘れの可能性が高いので、表示されてる行数を参考に探すと良いと思います。

ふつう使わないですしね。

しかもエラーメッセージにはHTMLファイルの1行目、<!DOCTYPE html>の行頭の<がUnexpectedって言われてる。

……ってことは、jsファイル内でなんか閉じ忘れとかあって、htmlがちゃんと読めてないとか？？と、めっちゃ探して探して、最終的に

<script defer src="js/update.js"></script>

って書かなきゃいけないところが

<script defer src="js/update"></script>

になってた、っていう。（.js付け忘れ）

というわけで、カッコの開閉関係問題無いはずなのにUncaught SyntaxError: Unexpected token '<'が出る時は真っ先にjsへのリンクパスを疑ってください。覚えましたか。

この記事が気に入ったらサポートをしてみませんか？