2015-09-15 11 views
10

私はモジュールバンドラクローム://スクリプトがwierdly

としてのWebPACKを使用する私は、マップファイルは、私の元のスクリプトファイルは、特別なWebPACKのリソース enter image description here

から来Chromeで

を有効にしています私は何が原因か分からないが、時には古いバージョンのスクリプトがキャッシュされることもある。実際の新しいコードはまだ正しく更新されていますが、マップによって参照されるバージョンは古くなっています。これは、行番号がもはや一致しないことを意味し、コードの変更を見ることはできません(例えば、スーパー迷惑)。

それは最終的にちょうどそれ自体を修正するようだが、その間私は悲しい。

他に誰かが同様の問題を抱えていたか、それを整理する方法がありますか?

  • は、マップファイルを削除し、空のそれ
  • をregening:

    私が試してみました

    (私は別のブラウザに行けば、正しいバージョンがロードされている)Chromeに孤立しているように見えますキャッシュとハードリロード

  • クロムでファイルに手動で移動します(正しいバージョンが返されますが、マップファイルによって照会された場合、古いバージョンは残っています)
+0

ええ、私もこの問題がありました。 Standartキャッシュのクリーニングでは解決されません。私が見つけた唯一の解決策は、この方法でキャッシュをクリアすることです:devtoolsの[ネットワーク]タブに移動し、右ボタンを押して[ブラウザキャッシュをクリア]をクリックします。 – Kreozot

答えて

4

これは、実際のマップファイルがキャッシュされているために発生していることがわかりました。

新しいタブでマップファイルを開き、ハード、それをリロードする場合は、ソースがすべて正しくのdevのツールは、キャッシュの設定やページを無効にすると、これが再ロードされていないクロムでおそらくバグ

その更新されましたハードリロード。

+0

更新されたソースマップを手動でページを更新するだけでなく、解決策を見つけましたか?ホットリロード(ホットモジュール交換)を使用していましたか?私はあなたがホットリロードで説明する問題を抱えています(コード自体はページに挿入されていますが、ソースマップは古くなっています)。 「ソースマップ」(別のソースマップファイルが生成される)と「eval-source-map」(ソースマップがソースファイルに埋め込まれる)の両方で発生します。 –

+0

@ JasonFrank悲しいことに、私が解決した唯一の方法は、手動で地図ファイルを更新することでした。私は当時のホットローディングを使用していませんでしたが、同じ問題です。クロムに限定されているのかウェブキットに限られているのか分かりません。その本当の痛みであれば、別のブラウザではそれほど悪くないかもしれません。 –

+0

これはまだクロームの悪夢 – SuperUberDuper