問題タブ [source-maps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - WebStorm 7 - Yeoman Angular にソースマップがありません `リソースの読み込みに失敗しました: サーバーは 404 (Not Found) のステータスで応答しました`
WebStorm 7.0.1 で yeoman angular generator grunt サーバーを実行すると、以下がスローされます。
ブラウザでロードされたファイルを検索して.js.mapもsourceMappingURL結果が返されず、プロジェクト ソースではエラーからのそれらのファイルに関連する結果が返されません。
エラーは、WebStorm が JetBrains IDE サポート プラグインに接続されている場合、初回起動時、およびファイル変更のライブ リロード時にのみ表示されます。これらは IDE の JavaScript デバッグ コンソールとブラウザ コンソールに表示されますが、開発者ツールを開いてブラウザから更新を行うと、エラーはスローされません (したがって、新しいタブの読み込み時に開発者ツールを起動する方法がない限り、編集: 実際にはそれも機能しません)。
問題を再現する手順:
- Yeoman 角度ジェネレーターをインストールする
- それらのソースから Webstorm プロジェクトを作成する
- 次の構成を使用してプロジェクトを開始します (JS 用に 2 番目の構成が自動的に作成されます)。
ノード インタープリター: pathToNode\nodejs\node.exe
作業ディレクトリ: ProjectRootFolder
JavaScript ファイル: C:\Users\UserName\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt
アプリケーション パラメータ: サーバー
ブラウザ/ライブ編集の場合:
起動後確認
JavaScript デバッガーで確認する
開始 URL:
http://localhost:9000
これらのエラーをデバッグする方法についてのアイデアはありますか? ご協力ありがとうございました！
javascript - JavaScript ソースマップ ファイルにはどの MIME タイプを使用すればよいですか?
サイトにソース マップを追加したいのですが、提供方法をある程度制御したいと考えています。それらに使用する適切な MIME タイプは何ですか?
一部のデータ
- コンテンツ自体は JavaScript ですが、そのように実行するためのものではありません。
- CDN.js は で機能
http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.mapしContent-Type: application/octet-streamます。 - Google
http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.mapサービスContent-Type: application/json - ソース マップの仕様では、マップが
)]}実際の JavaScript として評価されるのを防ぐ (したがって、クロスサイト スクリプティング攻撃を公開する) ことを防ぐために、マップを開始する必要があると述べています。これにより、ファイルは無効な JSON になり、有効ではあるが実行できない JavaScript になります。
javascript - ソース マップされたブレークポイントが Google Chrome で正しく機能しない
Google Closure Compiler の Node.js ラッパーを使用して、連結された縮小ファイルを作成しました。Google Chrome で開発者ツールを開くと、ソース マップとマップされたファイルの両方が適切に読み込まれます。
私が抱えている問題は、ソース マップ ファイルでブレークポイントがトリガーされず、縮小されていない個別のファイル セッションを実行しているようにならないことです。スクリプトにブレークポイントを配置しようとすると、設定しようとしている場所ではなく、数行下にジャンプすることがあります。しかし、最もイライラするのは、ブレークポイントを設定できるのに、それらがトリガーされないことです! 呼び出されていることがわかっている関数の途中に設定しますが、スクリプトは実行を一時停止しません。
編集
Ubuntu 13.10 で Chrome 31.0.1650.57 を実行しています。Firefox 25.0 でも動作しません。
google-chrome - Chromium でソース マップが機能しませんか?
まず、Chrome でソース マップを有効にしました。次に、ソース マップを使用するhttp://dev.fontdragr.com/に移動します。マップ ファイルもダウンロードされていることがわかりましたが、縮小されたソースがソース タブに表示されていました。
クロムバージョン:
version 30.0.1599.114 Ubuntu 13.10 (30.0.1599.114-0ubuntu0.13.10.2)
私もfirefoxを使用しようとしましたが、まだ機能しません。
css - SASS ソースマップ Chrome が CSS を正しくリロードしない
SASS ソース マップとディスクへの自動リロード/保存を機能させようとしています。変更を再コンパイルするためのすべての設定grunt-contrib-sassと監視タスクが.scssあり、SASSを編集してディスクに保存できるように、ソースマップがChromeで正しく機能しています。私の問題は、SASS を編集すると、CSS がまったくないかのようにページがリロードされることです。次にページをリロードすると、適用した変更が実際にそこにあります。
なぜこれが起こるのか分かりますか？
開発ツールの sass-change 前: http://cl.ly/image/1R2o2I113H3y 後: http://cl.ly/image/1m0V3b0J420X
Google Canary 33.0.1738.0 を使用しています