I’m recently playing with bootsrap3. I compiled it from sources and included distr js and css to my project. The thing is, I see in GH dev tools, that it’s trying to get .map.css file. Why does it want to do so? How to disable it? Do I need to disable it? To not to have an error mark in dev tools, I added that map file, after which all styles are displayed as they defined in less files, which doesn’t help me much.
asked Feb 14, 2014 at 7:37
2
Delete the line /*# sourceMappingURL=bootstrap.css.map */ from bootstrap.css
Mohit Jain
30.3k8 gold badges73 silver badges100 bronze badges
answered May 28, 2014 at 10:43
user2779632user2779632
2,7371 gold badge12 silver badges3 bronze badges
6
.map files allow a browser to download a full version of the minified JS. It is really for debugging purposes.
In effect, the .map missing isn’t a problem. You only know it is missing, as the browser has had its Developer tools opened, detected a minified file and is just informing you that the JS debugging won’t be as good as it could be.
This is why libraries like jQuery have the full, the minified and the map file too.
See this article for a full explanation of .map files:
answered Feb 14, 2014 at 7:43
8
This only happens when you use the dev-tools, and won’t happen for normal users accessing the production server.
In any case, I found it useful to simply disable this behavior in the dev-tools: open the settings and uncheck the «Enable source maps» option.
There will no longer be an attempt to access map files.
answered Mar 14, 2018 at 9:05
ShovaltShovalt
6,4262 gold badges36 silver badges51 bronze badges
7
Remove the line /*# sourceMappingURL=bootstrap.css.map */ in bootstrap.css
If the error persists, clean the cache of the browser (CTRL + F5).
Vincent
4,3421 gold badge38 silver badges37 bronze badges
answered Mar 16, 2016 at 14:55
3
Delete the line "/*# sourceMappingURL=bootstrap.min.css.map */ " in following files:
- css/bootstrap.min.css
- css/bootstrap.css
To fetch the file path in Linux use the command find / -name "\*bootstrap\*"
SwissCodeMen
4,3038 gold badges24 silver badges34 bronze badges
answered Jul 31, 2018 at 5:06
2
From bootstrap.css remove last line /*# sourceMappingURL=bootstrap-theme.css.map */
SwissCodeMen
4,3038 gold badges24 silver badges34 bronze badges
answered Nov 5, 2014 at 10:05
If you don’t have the correct .map file and you don’t want to edit lines in bootstrap.css you can create a dummy .map file.
In my case I was seeing the error:
GET /bootstrap.css.map not found.
So I created an empty bootstrap.css.map in the /public directory and the error stopped.
answered Nov 19, 2014 at 15:45
Julian MannJulian Mann
6,2865 gold badges31 silver badges43 bronze badges
1
Delete
/*# sourceMappingURL=bootstrap.min.css.map */
in css/bootstrap.min.css
and delete
/*# sourceMappingURL=bootstrap.css.map */
in css/bootstrap.css
answered Nov 12, 2017 at 17:12
Delete the last line in bootstrap.css
folllowing line
/*# sourceMappingURL=bootstrap.css.map */
SwissCodeMen
4,3038 gold badges24 silver badges34 bronze badges
answered Apr 16, 2015 at 4:54
1
Follow that tutorial:
Disable JavaScript With Chrome DevTools
Summary:
- Open your code Inspector (right click)
- Press Control+Shift+P and search «Disable JavaScript source maps»
- Do same for «Disable CSS source maps»
- Press control+F5 to clear cache and reload page.
answered Feb 4, 2021 at 11:46
codeMastercodeMaster
1761 silver badge4 bronze badges
For me, created an empty bootstrap.css.map together with bootstrap.css and the error stopped.
answered Apr 21, 2017 at 21:50
0
I had also warnings in Google Dev-Tools and I added only bootstrap.min.css.map file in the same folder, where bootstrap.min.css is.
I have now no warnings more and You can find more Explanation here: https://github.com/twbs/bootstrap#whats-included
I hope, I answered your Question.
answered Mar 2, 2017 at 18:58
SVANSKISVANSKI
4263 silver badges13 bronze badges
Deleting this line fixes it, but the problem is the boostrap files are in bower_components and not checked into source control.
So, every developer on the team will get the css file with the map reference when they pull the repo and do bower install (which is part of using a new repo).
The file should not have the reference to a map that is not there.
answered Dec 4, 2017 at 16:25
SteveSteve
14.5k35 gold badges125 silver badges230 bronze badges
Okay Recently I faced this problem I have very simple solution for solve this Issue , follow these steps:
go to these directories src-> app-> index.html open the index.html and find
<base href="your app name ">change this to <base href="/">
answered Nov 3, 2017 at 6:25
I’m recently playing with bootsrap3. I compiled it from sources and included distr js and css to my project. The thing is, I see in GH dev tools, that it’s trying to get .map.css file. Why does it want to do so? How to disable it? Do I need to disable it? To not to have an error mark in dev tools, I added that map file, after which all styles are displayed as they defined in less files, which doesn’t help me much.
asked Feb 14, 2014 at 7:37
2
Delete the line /*# sourceMappingURL=bootstrap.css.map */ from bootstrap.css
Mohit Jain
30.3k8 gold badges73 silver badges100 bronze badges
answered May 28, 2014 at 10:43
user2779632user2779632
2,7371 gold badge12 silver badges3 bronze badges
6
.map files allow a browser to download a full version of the minified JS. It is really for debugging purposes.
In effect, the .map missing isn’t a problem. You only know it is missing, as the browser has had its Developer tools opened, detected a minified file and is just informing you that the JS debugging won’t be as good as it could be.
This is why libraries like jQuery have the full, the minified and the map file too.
See this article for a full explanation of .map files:
answered Feb 14, 2014 at 7:43
8
This only happens when you use the dev-tools, and won’t happen for normal users accessing the production server.
In any case, I found it useful to simply disable this behavior in the dev-tools: open the settings and uncheck the «Enable source maps» option.
There will no longer be an attempt to access map files.
answered Mar 14, 2018 at 9:05
ShovaltShovalt
6,4262 gold badges36 silver badges51 bronze badges
7
Remove the line /*# sourceMappingURL=bootstrap.css.map */ in bootstrap.css
If the error persists, clean the cache of the browser (CTRL + F5).
Vincent
4,3421 gold badge38 silver badges37 bronze badges
answered Mar 16, 2016 at 14:55
3
Delete the line "/*# sourceMappingURL=bootstrap.min.css.map */ " in following files:
- css/bootstrap.min.css
- css/bootstrap.css
To fetch the file path in Linux use the command find / -name "\*bootstrap\*"
SwissCodeMen
4,3038 gold badges24 silver badges34 bronze badges
answered Jul 31, 2018 at 5:06
2
From bootstrap.css remove last line /*# sourceMappingURL=bootstrap-theme.css.map */
SwissCodeMen
4,3038 gold badges24 silver badges34 bronze badges
answered Nov 5, 2014 at 10:05
If you don’t have the correct .map file and you don’t want to edit lines in bootstrap.css you can create a dummy .map file.
In my case I was seeing the error:
GET /bootstrap.css.map not found.
So I created an empty bootstrap.css.map in the /public directory and the error stopped.
answered Nov 19, 2014 at 15:45
Julian MannJulian Mann
6,2865 gold badges31 silver badges43 bronze badges
1
Delete
/*# sourceMappingURL=bootstrap.min.css.map */
in css/bootstrap.min.css
and delete
/*# sourceMappingURL=bootstrap.css.map */
in css/bootstrap.css
answered Nov 12, 2017 at 17:12
Delete the last line in bootstrap.css
folllowing line
/*# sourceMappingURL=bootstrap.css.map */
SwissCodeMen
4,3038 gold badges24 silver badges34 bronze badges
answered Apr 16, 2015 at 4:54
1
Follow that tutorial:
Disable JavaScript With Chrome DevTools
Summary:
- Open your code Inspector (right click)
- Press Control+Shift+P and search «Disable JavaScript source maps»
- Do same for «Disable CSS source maps»
- Press control+F5 to clear cache and reload page.
answered Feb 4, 2021 at 11:46
codeMastercodeMaster
1761 silver badge4 bronze badges
For me, created an empty bootstrap.css.map together with bootstrap.css and the error stopped.
answered Apr 21, 2017 at 21:50
0
I had also warnings in Google Dev-Tools and I added only bootstrap.min.css.map file in the same folder, where bootstrap.min.css is.
I have now no warnings more and You can find more Explanation here: https://github.com/twbs/bootstrap#whats-included
I hope, I answered your Question.
answered Mar 2, 2017 at 18:58
SVANSKISVANSKI
4263 silver badges13 bronze badges
Deleting this line fixes it, but the problem is the boostrap files are in bower_components and not checked into source control.
So, every developer on the team will get the css file with the map reference when they pull the repo and do bower install (which is part of using a new repo).
The file should not have the reference to a map that is not there.
answered Dec 4, 2017 at 16:25
SteveSteve
14.5k35 gold badges125 silver badges230 bronze badges
Okay Recently I faced this problem I have very simple solution for solve this Issue , follow these steps:
go to these directories src-> app-> index.html open the index.html and find
<base href="your app name ">change this to <base href="/">
answered Nov 3, 2017 at 6:25
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.
Already on GitHub?
Sign in
to your account
Closed
Salt54J opened this issue
Oct 6, 2018
· 4 comments
Closed
bootstrap.min.css.map Source Map Error
#117
Salt54J opened this issue
Oct 6, 2018
· 4 comments
Comments
Hi, I installed this plugin and it seems to be working OK (the theme looks great!), but I noticed on the console that I am getting a source map error when I load the journal homepage.
Source map error: request failed with status 404
Resource URL: https://domainname.com/plugins/themes/healthSciences/libs/bootstrap.min.css
Source Map URL: bootstrap.min.css.map
OJS: 3.1.1.4
Health Sciences Theme: 1.0.2
Hosting: Shared hosting, OJS installed via Softaculous
Permissions: All the files in the theme are permissioned 0644 (all can read, user can write) and folders are 0755 (all can read, user can write, all can execute)
Browser: Firefox 62.0.3 on Windows 10 Pro
Thanks for all of your hard work
Hi @Salt54J
Thanks on this one.
This error means that browser can’t find the file pointed here: https://github.com/pkp/healthSciences/blob/master/libs/bootstrap.min.css#L7
Source map files, like bootstrap.min.css.map, are generated automatically during files minification/compiling process. They actually are not needed for the production, but at the same time occupy 3 times more disk space than ones which they are mapping. That’s why I don’t include them in the release.
If you want just to remove that message, you can either remove comments like /*# sourceMappingURL=bootstrap.min.css.map */ in bootstrap.min.css, bootstrap.min.js and popper.min.js or download source map files from a Bootstrap 4.1.3 release and put them inside libs directory
Mykola-Veryha, sdsaati, and ZewenKong reacted with laugh emoji
how to solve below errors
how to solve below errors
Hi arvindjugtwan00,
Even i got the same error as you have got but it was resolved by deleting few line so you just have to delete
the line » /*# sourceMappingURL=bootstrap.min.css.map */ » in folder ‘styles/bootstrap4/bootstrap.min.css.map’
and the line » //# sourceMappingURL=bootstrap.min.js.map./ » in folder ‘styles/bootstrap4/bootstrap.min.css.js’
and the line » //# sourceMappingURL=popper.js.map » in folder ‘styles/bootstrap4/popper.js’
that all you have to do !!
I was just curious… The lines instructed to delete/comment are comments but why does these lines affect the behavior? They’re comments which should have no effect, isn’t it?
djgalloway
pushed a commit
to ceph/shaman
that referenced
this issue
Mar 16, 2021
This was referenced
Jun 16, 2021
Follow us on Social Media
Devtools Failed To Load Sourcemap: Could Not Load Content For Bootstrap.Min.Css.Map With Code Examples
Hello everyone, in this post we will look at how to solve the Devtools Failed To Load Sourcemap: Could Not Load Content For Bootstrap.Min.Css.Map problem in the programming language.
Delete /*# sourceMappingURL=bootstrap.min.css.map */ in css/bootstrap.min.css and delete /*# sourceMappingURL=bootstrap.css.map */ in css/bootstrap.css It is working for me. I hope it will work for you also. Namaste _/\_
Another approach, which includes several samples of code, can be utilised to resolve the identical problem Devtools Failed To Load Sourcemap: Could Not Load Content For Bootstrap.Min.Css.Map. This solution is explained below.
You need to go into Dev Tools settings and you need to unckeck "Enable JavaScript source maps" "Enable CSS source maps"
We were able to figure out how to solve the Devtools Failed To Load Sourcemap: Could Not Load Content For Bootstrap.Min.Css.Map code by looking at a range of other samples.
How do I fix Devtools failed to load Sourcemap?
Solution
- Go to the developer tools (F12 in the browser);
- Select the Cogwheel in the upper right corner;
- In the Preferences tab (left) look for Sources;
- Disable the options: «Enable javascript source maps» «Enable CSS source maps»
How do I remove Devtools failed to load a source map?
Go to the developer tools (F12 in the browser) then select the three dots in the upper right corner, and go to Settings. Then, look for Sources, and disable the options: “Enable javascript source maps” “Enable CSS source maps” If you do that, that would get rid of the warnings.22-Jul-2021
How do I enable source maps in Chrome?
Chrome
- Open Developer Tools. Mac users: View > Developer > Developer Tools.
- Click the Settings cog icon in the upper-right corner of the Developer Tools window.
- Under the Sources section, check the box(es) for the source maps you want to enable.
What is bootstrap map file?
The main purpose of map file is used to link the css source code to less source code in the chrome dev tool. As we used to do . If we inspect the element in the chrome dev tool. you can see the source code of css. But if include the map file in the page with bootstrap css file.
What is a Sourcemap?
A source map is a file that maps from the transformed source to the original source, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger. To enable the debugger to work with a source map, you must: generate the source map.
How do I enable source maps?
To enable source maps in Google Chrome, go to Developer Tools, click the little cog icon, and then make sure that “Enable Javascript source maps” is checked. That’s it.24-May-2017
What is CSS source map?
A “source map” is a special file that connects a minified/uglified version of an asset (CSS or JavaScript) to the original authored version.01-Mar-2019
How do I find developer tools in Chrome?
Access Developer Tools
- Right-click a page and select «Inspect Element». This displays the HTML code for the element you clicked.
- Select View > Developer > Developer tools.
What is source map loader?
source-map-loader allows webpack to maintain source map data continuity across libraries so ease of debugging is preserved. The source-map-loader will extract from any JavaScript file, including those in the node_modules directory.
How do I disable Sourcemap in Chrome?
Open Developer Tools, go to «Settings» for Developer Tools, then uncheck Enable JavaScript Sourcemaps under the «Sources» settings.25-Jan-2016
Follow us on Social Media
3
I cannot figure it out, how to make the server read bootstrap.min.css.map file.
Which of the way below would finally make it work?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
{% block script %}{% endblock script %}
<script src="{% static 'js/bootstrap.min.js' %}"></script>
- jquery
- bootstrap-4
- collectstatic
asked Jun 25, 2018 at 17:00
ma-kuma-ku
5764 silver badges8 bronze badges
Add a comment
|
Related questions
0
Bootstrap 3.2 Navbar not collapsing with jquery.min.map error
4
not linked to bootstrap.css.map but shows in console
2
Correct way to include bootstrap.css.map?
Related questions
0
Bootstrap 3.2 Navbar not collapsing with jquery.min.map error
4
not linked to bootstrap.css.map but shows in console
2
Correct way to include bootstrap.css.map?
45
Webpack Installing Bootstrap — missing popper.js.map
0
npm bootstrap 4.0.0-beta.2, where is jquery, tether and popper?
1
Cannot set property ‘bootstrap’ of undefined
0
why bootstrap doesn’t work with js vanilla?
0
Why i can’t load bootstrap
2
No mapping for GET /bootstrap/js/bootstrap.min.js
3
Could not load content for http://x.com/js/bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
Load 7 more related questions
Show fewer related questions
Sorted by:
Reset to default
Your Answer
Sign up or log in
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Name
Required, but never shown
By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.
Browse other questions tagged
- jquery
- bootstrap-4
- collectstatic
or ask your own question.
Browse other questions tagged
- jquery
- bootstrap-4
- collectstatic
or ask your own question.