fontawesome 5.2.0で「illegal character」

前提・実現したいこと

こちらのコード(再現可能な最小限まで省略)で、エラーが発生します。
まったく原因がわからないのですが、いったいなぜでしょうか？
「まずHTMLの文法をしっかり守ったほうが良い」というのはわかりますが、文法を守っても結果が変わらなかったので以下のコードを掲載しています。

HTML
1<i class="fas fa-star"></i>
2<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>

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

SyntaxError: illegal character[詳細]

試したこと

プライベートブラウザで見ると動作する(通常のブラウザでの閲覧でのみ再現)
キャッシュを消去しても結果は変わらない。
ブラウザ, OSの再起動でも変化はない。
別の端末でも変化はなし。

補足情報（FW/ツールのバージョンなど）

HTML5
Atom 最新バージョン
Windows 10

x_x

2018/08/16 01:00

現象が発生する環境でもCDNを参照しているのでしょうか？また、プロキシサーバーは使っていますか？

行動規範の内容に同意します

回答3件

issueを見ると、そのままそれっぽいのがありますが、まだ解決はしてないようですね...。

昔、Font Awesomeで表示される一部アイコンがコンテンツブロッカーによりブロックされてしまい、アイコンが正常に表示されないなんてことがあった記憶があります。
今回も、何かしらの機能によってブロックされているのかもしれないですね。

ところで、「別の端末でも動作しない」らしいですが、別の端末へは「ファイルをそのままコピー」して移動させたんですよね？

であれば、そのエラーが再現する状態のブラウザでここを見てみてください。
それで正常にアイコンが表示されるなら、質問者さんの編集しているファイル自体に問題があるという可能性も疑ったほうが良いと思います。

投稿2018/08/15 23:16

bwz61366

総合スコア2009

bwz61366

2018/08/17 01:36

正直「何かしらの機能によってブロックされている」っつーのは可能性としてはゼロだと思ってるわどーせファイルのエンコードがおかしいんだろうから、UTF-8にでも直してみそ

行動規範の内容に同意します

開発者コンソール(Chromeだと表示->開発/管理->ディベロッパーコンソール)にある consoleでエラーを確認してみるのはどうでしょうか？

手元で書いてみた限りは★が表示されました。

html
1<!doctype html>
2<html lang="en">
3  <head>
4    <title>Hello, world!</title>
5  </head>
6  <body>
7    <h1>Hello, world!</h1>
8
9    <i class="fas fa-star"></i>
10    <script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>
11
12  </body>
13</html>