jqueryファイルが読み込まれない。

Chromeの管理者画面で確認できたエラーメッセージ

＝＞**'https://code.jquery.com/jquery-3.2.1.min.js' with computed SHA-256 integrity 'hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4='. The resource has been blocked.**

試したこと

①integrityに指定した値が原因だと思うのですが、
=>sriハッシュを取得するサイトで取得するsriの値が違うのだと思い、
//改変前
:integrity="sha256-hwg4gsxgFZh0sEEamd0YGBf13FyQuiTwlAQgxVSNgt4="　

//改変後
:integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f"m

このように変更したところ、エラーメッセージは消えたのですが、画面が真っ白になり、HTML要素が表示されなくなりました。
そして改変前のintegrityの値に直すと再び下記のエラーメッセージが表示されます。
'https://code.jquery.com/jquery-3.2.1.min.js' with computed SHA-256 integrity 'hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4='. The resource has been blocked.

ソースコード

html5
1<!DOCTYPE html>
2<html lang="ja">
3    <head>
4        <meta charset="uff-8">
5        <title>Title</title>
6        <link rel="stylesheet" href="app.css">
7        
8        <script src="https://code.jquery.com/jquery-3.2.1.min.js";
9                integrity="sha256-hwg4gsxgFZh0sEEamd0YGBf13FyQuiTwlAQgxVSNgt4=";
10                crossorigin="anonymous";    
11        ></script>
12        <!--fontwasomeを使って中にアイコンを読み込む-->
13        <script src="https://use.fontawesome.com/e3ae05b8e6.js">
14        </script>
15
16    </head>
17    <body> <!--注意：今回は一部のクラス名をアンダースコアを二つつけてクラス名をつけている-->
18        <div class="main">
19            <div class="slider">
20                <i class="fa fa-angle-left slider__nav slider__prev js-slide-prev" aria-hidden="true"></i>
21                <i class="fa fa-angle-right slider__nav slider__next js-slide-next" aria-hidden="true"></i>
22                <ul class="slider__container" style="width:4900px; left: -980px;" >
23                   
24                    
25                    <li class="slider__item slider_item1">IMG1</li>
26                    <li class="slider__item slider_item2">IMG2</li>
27                    <li class="slider__item slider_item3">IMG3</li>
28                    <li class="slider__item slider_item4">IMG4</li>
29                    <li class="slider__item slider_item5">IMG5</li>
30                </ul>
31            </div>
32
33        </div>
34
35        <script src="app.js"></script>
36    </body>
37</html>

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

回答2件

ベストアンサー

<script src="https://code.jquery.com/jquery-3.2.1.min.js";

            integrity="sha256-hwg4gsxgFZh0sEEamd0YGBf13FyQuiTwlAQgxVSNgt4=";
            crossorigin="anonymous";    
    ></script>

CDNのサイトからコピーしなおしては。

html
1<script
2  src="https://code.jquery.com/jquery-3.2.1.min.js"
3  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
4  crossorigin="anonymous"></script>

そもそもタグ内のスペース部分にセミコロンはいけないでしょうし。
integrityの属性値を手打ちでやって0とOを間違えてませんか？（ざっと見てすぐ分かるのはそこ）
ハッシュ値なので1字でも間違えると正しく解釈できません。

[MDN:サブリソース完全性

](https://developer.mozilla.org/ja/docs/Web/Security/Subresource_Integrity)

こういう情報はコピペですべきと思います。

投稿2019/06/10 00:15

m.ts10806

総合スコア80888

Nickon

2019/06/10 04:24

ありがとうございます。CDNサイトから読み込み直し、エラーメッセージは全て消えたのですが、それに伴ってブラウザで表示されていたHTML要素が表示されなくなりました。（ソースコードはあるが、表示されない状態）。それについて何か解決策にお心当たりがあれば教えていただきたいのですが...

m.ts10806

2019/06/10 04:26

現在のコードを追記してください。私の手元ではHTMLは表示されているので。

Nickon

2019/06/10 05:15

すいません。自分のローカルファイルにあったjsファイルの記述が原因でした！自己解決できました！

m.ts10806

2019/06/10 05:43

解決されたようで何よりです。

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

特に理由がなければsrc属性だけ書けば読み込めます。

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

投稿2019/06/09 16:35

yasutomi

総合スコア2941

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

jqueryファイルが読み込まれない。

Chromeの管理者画面で確認できたエラーメッセージ

試したこと

ソースコード

関連した質問