---
title: >-
  SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. Use //#
  instead
slug: Web/JavaScript/Reference/Errors/Deprecated_source_map_pragma
tags:
  - Error
  - Errors
  - JavaScript
  - Source maps
translation_of: Web/JavaScript/Reference/Errors/Deprecated_source_map_pragma
---
<div>{{jsSidebar("Errors")}}</div>

<p>JavaScript の警告 "Using <code>//@</code> to indicate sourceURL pragmas is deprecated. Use <code>//#</code> instead" は、 JavaScript の非推奨のソースマップ構文があったときに発生します。</p>

<h2 id="Message" name="Message">メッセージ</h2>

<pre class="syntaxbox notranslate">Warning: SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. Use //# instead

Warning: SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead
</pre>

<h2 id="Error_type">エラーの種類</h2>

<p>{{jsxref("SyntaxError")}} が発生したという警告です。 JavaScript の実行は停止しません。</p>

<h2 id="What_went_wrong">エラーの原因</h2>

<p>JavaScript のソースに非推奨のソースマップ構文があることです。</p>

<p>通常 JavaScript ソースは、サーバーからの提供を効率化するために、結合と最小化が行われます。<a href="http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/">ソースマップ</a>があると、デバッガーが実行中のコードを元のソースファイルに対応付けすることができます。</p>

<p>IE の JScript エンジンは、<code>//@cc_on</code> の後でページが見つかると、条件付きコンパイルの有効化とみなします。 この IE での競合のために、ソースマップの仕様の構文が変更されました。IE の <a href="https://msdn.microsoft.com/ja/library/8ka90k2e%28v=vs.94%29.aspx">@cc_on 文</a> はあまり知られていない機能ですが、<a href="https://bugs.jquery.com/ticket/13274">jQuery</a> やそのほかのライブラリのソースマップを破壊します。</p>

<h2 id="Examples" name="Examples">例</h2>

<h3 id="Deprecated_syntax" name="Deprecated_syntax">非推奨の構文</h3>

<p>"@" 記号による構文は非推奨です。</p>

<pre class="brush: js example-bad notranslate">//@ sourceMappingURL=http://example.com/path/to/your/sourcemap.map
</pre>

<h3 id="Standard_syntax" name="Standard_syntax">標準の構文</h3>

<p>代わりに "#" 記号を使用してください。</p>

<pre class="brush: js example-good notranslate">//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map</pre>

<p>あるいは、JavaScript ファイルに {{HTTPHeader("SourceMap")}} ヘッダーを設定して、コメントを全く表示しないようにすることもできます。</p>

<pre class="brush: js example-good notranslate">SourceMap: /path/to/file.js.map</pre>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="/ja/docs/Tools/Debugger/How_to/Use_a_source_map">ソースマップの使用 – Firefox ツールドキュメント</a></li>
 <li><a href="http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/">Introduction to source maps – HTML5 rocks</a></li>
 <li>{{HTTPHeader("SourceMap")}}</li>
</ul>