Bootstrap is trying to load the map file. How to disable it? Do I need to do this?

Question

I recently played with bootsrap3. I compiled it from sources and included jj and css in the project. The thing is, I see in the GH dev tools that it is trying to get the .map.css file. Why does he want to do this? How to disable it? Do I need to disable it? In order to not have an error mark in dev tools, I added this map file, after which all styles are displayed as they are defined in fewer files, which doesn’t help me much.

Answer 1

Remove the line /*# sourceMappingURL=bootstrap.css.map */ from bootstrap.css

Answer 2

.map files allow the browser to download the full version of mini-JS. This is valid for debugging purposes.

In essence, the lack of .map is not a problem. You only know that this is not enough, because the browser opened its developer tools, discovered a mini file and just informs you that JS debugging will not be as good as it can be.

This is why libraries like jQuery have a complete, mini file and map file.

See the article for a full explanation of .map files :

Answer 3

Delete the line /*# sourceMappingURL=bootstrap.css.map */ in bootstrap.css

If the error persists, clear your browser cache (CTRL + F5).

Answer 4

If you do not have the correct .map file and you do not want to edit the lines in bootstrap.css, you can create a .map file layout.

In my case, I saw an error:

 GET /bootstrap.css.map not found. 

So, I created an empty bootstrap.css.map in the / public directory and the error was stopped.

Answer 5

I also had warnings in Google Dev-Tools, and I only added the bootstrap.min.css.map file to the same folder as bootstrap.min.css.

I now have no more warnings, and you can find more. Explanation here: https://github.com/twbs/bootstrap#whats-included

I hope I answered your question.

Answer 6

From bootstrap.css remove delete last line / * # sourceMappingURL = bootstrap-theme.css.map * /

Answer 7

Delete last line in bootstrap.css

folllowing lin / * # sourceMappingURL = bootstrap.css.map * /

Answer 8

An empty bootstrap.css.map was created for me along with bootstrap.css and the error was stopped.

Answer 9

Good. I recently selected this issue. I have a very simple solution to solve this problem, follow these steps: go to these directories src-> app-> index.html , open index.html and find <base href="your app name "> change it to <base href="/">

Answer 10

Delete / * # sourceMappingURL = bootstrap.min.css.map * / in css / bootstrap.min.css

and remove / * # sourceMappingURL = bootstrap.css.map * / in css / bootstrap.css

Answer 11

Removing this line fixes it, but the problem is that boostrap files are in bower_components and not checked in the original control.

Thus, each developer in the team will receive a css file with a link to the map when they pull out the repo and make a bower install (which is part of using the new repo).

The file should not contain a link to a card that is not there.