tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:静的リソースとJavaScript Source Maps

jquery.min.jsのような圧縮版のファイルを読み込むと次のようなエラーが発生することがあります。

f:id:tyoshikawa1106:20150120000313p:plain


これは圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできる「Source Maps」に必要なファイルが存在しないというエラーです。


jquery.min.mapというようなmapファイルを用意することで解決するみたいです。

f:id:tyoshikawa1106:20150120001042p:plain


ただし、それぞれのファイルを単体で静的リソースにアップしても正常に読み込むことができません。

f:id:tyoshikawa1106:20150120001339p:plain

f:id:tyoshikawa1106:20150120001824p:plain


1つのフォルダ内に入れて圧縮し、静的リソースにZipファイルとしてアップすることで正常に読み込めるようになります。

f:id:tyoshikawa1106:20150120002845p:plain

f:id:tyoshikawa1106:20150120002923p:plain


この対応でmin.mapファイルがありませんというエラーは表示されなくなると思います。

f:id:tyoshikawa1106:20150120003020p:plain

f:id:tyoshikawa1106:20150120003138p:plain


ちなみにSource Mapsの機能は対応しているブラウザとしていないブラウザがあります。Chromeの場合は、開発者コンソールの設定にある『Enable JavaScript source maps』にチェックがついているときに有効となります。

f:id:tyoshikawa1106:20150120003836p:plain