マップファイルをロードしようとするブートストラップ。それを無効にする方法は?それをする必要がありますか?


127

私は最近bootsrap3で遊んでいます。ソースからコンパイルし、プロジェクトにdistr jsとcssを含めました。問題は、GH開発ツールで.map.cssファイルを取得しようとしていることです。なぜそうしたいのですか?それを無効にする方法は?無効にする必要がありますか?開発ツールでエラーマークを付けないように、そのマップファイルを追加しました。その後、すべてのスタイルが少ないファイルで定義されているとおりに表示されますが、あまり役に立ちません。


4
以下の回答のいずれかがあなたの質問に答えますか?そうでない場合、回答を改善できるように質問を更新できますか?
ドミニクZukiewicz

回答:


162

/*# sourceMappingURL=bootstrap.css.map */から行を削除bootstrap.css


37
回答を簡潔に説明して、OPおよびその他の読者にとってより役立つ回答にしてください。
Mohit Jain 2014年

9
これは機能しますが、ブートストラップがnode_modulesから直接参照されている場合、ブートストラップが再インストールされると、上書きされます
Alexander

2
うわー!絶対にクレイジー...これは、あなたが言ったように行を「削除」した場合にのみ機能します...コメントアウトしても、まだ404エラーが発生しました!私はあなたの投稿に遭遇しました。
flipflopmedia 2017年

117

.mapファイルを使用すると、ブラウザは縮小版のJSのフルバージョンをダウンロードできます。これは実際にはデバッグの目的です。

実際には、.mapの欠落は問題ではありません。ブラウザーがその開発ツールを開いて縮小ファイルを検出し、JSデバッグが可能な限り良くないことを通知しているだけなので、それが欠落していることだけがわかります。

これが、jQueryのようなライブラリに完全なファイル、縮小されたファイル、マップファイルもある理由です。

.mapファイルの完全な説明については、この記事参照してください。


1
それらをダウンロードしますか?どこから?これらの.lessファイルはマップファイル内に何らかの形でパックされていると想定しました。そして、ページの読み込み時に、bootrapはパッケージからそれらのファイルを再作成します。
dhblah 2014

1
同じディレクトリから.jsを取得します。これは、通常のリクエストではなく、開発者ツールが開いている場合にのみ覚えておいてください。
ドミニクZukiewicz

お返事ありがとうございます.less。プロジェクトにファイルがありません。追加.cssしたのは.jsファイルとそのmapファイルだけです。
dhblah 2014

1
@Raymond:開発ツールは.min.cssのようなファイル名を理解できません-結局のところ、縮小されていることを保証できますか?いいえ..両方のコピーが利用できるようにするために.mapをダウンロードします。繰り返しますが、これは開発者ツールで有効になっています。ツールウィンドウを閉じると、要求されません。
ドミニクZukiewicz 14

3
繰り返しますが、.mapファイルはリクエストされ、開発ツールが開いているときにのみ使用されるため、欠落している場合、一般的なユーザーがページにアクセスしても、失敗するリクエストはありません。
tomf

27

/*# sourceMappingURL=bootstrap.css.map */を削除bootstrap.css

エラーが解決しない場合は、ブラウザーのキャッシュを消去してください(CTRL + F5)。


1
2年後の同じ答え?
Panu Haaramo

17

これは、dev-toolsを使用する場合にのみ発生し、本番サーバーにアクセスする通常のユーザーには発生しません。

いずれにせよ、dev-toolsでこの動作を単に無効にすると便利であることがわかりました。設定を開き、[ソースマップを有効にする]オプションをオフにします。

マップファイルにアクセスする試みはなくなります。


これが最も適切な答えになると思います。その他は、言及されたファイルがアプリケーションと一緒にパッケージ化されている場合にのみ関連します。これは常に当てはまるわけではありません。
ルキノ

16

"/*# sourceMappingURL=bootstrap.min.css.map */ "以下のファイルの行を削除してください。

  • css / bootstrap.min.css
  • css / bootstrap.css

Linuxでファイルパスを取得するには、次のコマンドを使用します。 find / -name "\*bootstrap\*"


bootstrap.min.css.mapのようなソースマップファイルは、ファイルの縮小化/コンパイルプロセス中に自動的に生成されます。それらは実際にはプロダクションには必要ありませんが、同時に、マッピングしているディスク容量の3倍のディスク容量を占有します。そのため、リリースには含まれていません。そのメッセージを削除するだけの場合は、bootstrap.min.css、bootstrap.min.js、popper.min.js内の/ *#sourceMappingURL = bootstrap.min.css.map * /のようなコメントを削除するか、ソースをダウンロードします。 Bootstrap 4.1.3リリースのファイルをマップし、それらをlibsディレクトリ内に配置します。
Ajay Takur

6

正しい.mapファイルがなく、bootstrap.cssの行を編集したくない場合は、ダミーの.mapファイルを作成できます。

私の場合、エラーが発生しました:

GET /bootstrap.css.map not found.

そのため、/ publicディレクトリに空のbootstrap.css.mapを作成し、エラーが停止しました。


1
bowerプロダクションモードではソースからブートストラップがインストールされるため、このようなものでは動作しません。行を削除するように言う任意の答えについても同じです/*# sourceMappingURL=bootstrap.css.map */
モンテイロブレナ2015

4

/ *#sourceMappingURL = bootstrap.min.css.map * /をcss / bootstrap.min.cssから削除します

および削除 / *#sourceMappingURL = bootstrap.css.map * /でCSS / bootstrap.css



1

また、Google Dev-Toolsで警告が表示され、bootstrap.min.cssと同じフォルダーにbootstrap.min.css.mapファイルのみを追加しました。

私はこれ以上警告はありません、そしてあなたはここでより多くの説明を見つけることができます:https//github.com/twbs/bootstrap#whats-included

質問にお答えしたいと思います。


1

私にとっては、空のbootstrap.css.mapをbootstrap.cssと一緒に作成し、エラーは停止しました。


1

この行を削除すると修正されますが、問題はboostrapファイルがbower_componentsソース管理にチェックインされていないことです。

そのため、チームのすべての開発者は、リポをプルして実行するとbower install(新しいリポの使用の一部である)、マップ参照を含むcssファイルを取得します。

ファイルには、そこにないマップへの参照があってはなりません。


1

さて、最近この問題に直面しました。この問題を解決するための非常に簡単な解決策があります。次の手順に従います。 これらのディレクトリに移動し、src-> app-> index.html index.htmlを開いて、 <base href="your app name ">これを変更します。<base href="https://stackoverflow.com/">


0

bootstrap.cssの最後の行を削除します

次のlin / *#sourceMappingURL = bootstrap.css.map * /


問題を説明し、答えがどのように解決されるか、新しいユーザーが何が起こったのかを知ることができる優れた実践
Pankaj Nimgade
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.