Q&A
現象が発生する環境でもCDNを参照しているのでしょうか？ また、プロキシサーバーは使っていますか？
前提・実現したいこと
こちらのコード(再現可能な最小限まで省略)で、エラーが発生します。
まったく原因がわからないのですが、いったいなぜでしょうか？
「まず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
回答3件
0
issueを見ると、そのままそれっぽいのがありますが、まだ解決はしてないようですね...。
昔、Font Awesomeで表示される一部アイコンがコンテンツブロッカーによりブロックされてしまい、アイコンが正常に表示されないなんてことがあった記憶があります。
今回も、何かしらの機能によってブロックされているのかもしれないですね。
ところで、「別の端末でも動作しない」らしいですが、別の端末へは「ファイルをそのままコピー」して移動させたんですよね？
であれば、そのエラーが再現する状態のブラウザでここを見てみてください。
それで正常にアイコンが表示されるなら、質問者さんの編集しているファイル自体に問題があるという可能性も疑ったほうが良いと思います。
投稿2018/08/15 23:16
総合スコア2009
正直「何かしらの機能によってブロックされている」っつーのは可能性としてはゼロだと思ってるわ
どーせファイルのエンコードがおかしいんだろうから、UTF-8にでも直してみそ
0
開発者コンソール(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>
投稿2018/08/16 01:45
総合スコア112
0
プライベートブラウザで見ると動作する(通常のブラウザでの閲覧でのみ再現)
この状況から1つ考えられる可能性として、ブラウザに組み込んだプラグインに不具合があって、それが干渉している、ということがあります。
プラグインを止めるなどして確認してみましょう。
投稿2018/08/15 22:43
総合スコア146509
あなたの回答
tips
プレビュー
