← 一覧へ
ブラウザ・通信出る場所:ブラウザの画面・開発者ツールたまに出る

セキュリティの決まりで読み込みを止めた(CSP)

Refused to load the script 'https://example.com/a.js' because it violates the following Content Security Policy directive: "script-src 'self'".

ひとことで言うと

「このサイトのセキュリティの決まり(CSP)で、ほかのサイトからの読み込みを禁止しています」という意味です。

よくある原因

  1. CSP の設定に、使いたいサイト(Google アナリティクスなど)を足していない
  2. 拡張機能やテンプレートが、厳しい CSP を入れている

自分で確かめること

たいていは、こうすると直ります

CSP の設定(ヘッダーや meta タグ)に、そのサイトを許可として足します。

AIへの伝え方

下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。

次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。

【エラー】
Refused to load the script 'https://example.com/a.js' because it violates the following Content Security Policy directive: "script-src 'self'".

【やったこと】
(ここに、エラーが出る前にしたことを書く。例:npm run dev を実行した)

【参考】
このエラーは「セキュリティの決まりで読み込みを止めた(CSP)」というもので、よくある原因は次のとおりです。
・CSP の設定に、使いたいサイト(Google アナリティクスなど)を足していない
・拡張機能やテンプレートが、厳しい CSP を入れている

どれに当てはまるかを確かめる方法も教えてください。