Bootstrap min css map http error status code 404

Looks like the minified CSS from the boostrap upgrade has references to the sourcemap, which is triggering 404 errors (possibly because the sourcemap is bootstrap.min.css.map instead a prime-face-i...

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

pameyer opened this issue

Jul 20, 2018

· 7 comments


Closed

404 errors for bootstrap.min.css.map

#4875

pameyer opened this issue

Jul 20, 2018

· 7 comments

Assignees

@kcondon

Comments

@pameyer

Looks like the minified CSS from the boostrap upgrade has references to the sourcemap, which is triggering 404 errors (possibly because the sourcemap is bootstrap.min.css.map instead a prime-face-ized bootstrap.min.css.xhtml?version=4.9.1)

@pdurbin

I can easily reproduce the problem as of 42e6f7d on the phoenix server. Here’s a screenshot:

screen shot 2018-07-23 at 9 46 59 am

@pameyer I’m looking at pull request #4876 and I see that you’ve commented out sourceMappingURL like this:

screen shot 2018-07-23 at 9 49 20 am

If this fixes the 404, great, but I guess I don’t completely understand what we did in pull request #4806 to introduce the problem in the first place.

@pameyer



Copy link


Contributor

Author

My suspicion is that the older bootstrap version had the sourcemap commented out in the minified CSS, and the newer one didn’t (or there’s a different in the minification procedure used internally between the two bootstrap versions).

@pdurbin

@pameyer ok, I just search through the git history trying to figure out if we purposefully commented out sourceMappingURL in the past. If so, I couldn’t find a commit message about it. I went ahead and approved #4876 but before dragging it to QA, I’ll let others weigh in. It bothers me a little that we can’t use Bootstrap out of the box, that we have to edit these files. It makes me wonder if we would have 404s if we got Bootstrap from a CDN. I’m aware that we backed off of using a CDN in c11c96a as part of our recent Bootstrap upgrade in pull request #4806 (discussion in #4219).

@pameyer



Copy link


Contributor

Author

curl -s https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css | grep -c sourceMap -> 1 suggests this would also occur using the CDN provided version.

@pdurbin

@pameyer interesting. Are you saying that your pull request actually gets us closer to vanilla Bootstrap?

@pameyer



Copy link


Contributor

Author

@pdurbin somewhat the opposite (the CDN version includes references to the sourcemap in minified CSS)

@pdurbin

I’m developing an HTML CSS Website and I’m getting this error and similar. I’ve seen a couple of answers where it says that you need to go to Developer Tools in your browser and fix it there but I’ve tried in every browser and I think the problem is within the code can someone help me with it?

DevTools failed to load SourceMap: Could not load content for http://envio.ae/js/bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for http://xxxxxx.com/css/aos.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

asked Oct 25, 2020 at 2:38

Ali Ashar's user avatar

1

Referring to Vitaliy-1‘s soultion here. You could either add source map files or remove the source map reference.

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.

answered Jan 29, 2021 at 14:32

Malay M's user avatar

Malay MMalay M

1,54912 silver badges22 bronze badges

Содержание

  1. 404 errors for bootstrap.min.css.map #4875
  2. Comments
  3. Footer
  4. [Chrome]: DevTools failed to load source map: Could not load content for bootstrap.min.js.map
  5. How to fix DevTools failed to load source map error
  6. What is a SourceMap?
  7. bootstrap.css.map missing (404 not found) — using LESS #2
  8. Comments
  9. GET /static/css/bootstrap.min.css HTTP/1.1″ 404 #12
  10. Comments

404 errors for bootstrap.min.css.map #4875

Looks like the minified CSS from the boostrap upgrade has references to the sourcemap, which is triggering 404 errors (possibly because the sourcemap is bootstrap.min.css.map instead a prime-face-ized bootstrap.min.css.xhtml?version=4.9.1 )

The text was updated successfully, but these errors were encountered:

I can easily reproduce the problem as of 42e6f7d on the phoenix server. Here’s a screenshot:

@pameyer I’m looking at pull request #4876 and I see that you’ve commented out sourceMappingURL like this:

If this fixes the 404, great, but I guess I don’t completely understand what we did in pull request #4806 to introduce the problem in the first place.

My suspicion is that the older bootstrap version had the sourcemap commented out in the minified CSS, and the newer one didn’t (or there’s a different in the minification procedure used internally between the two bootstrap versions).

@pameyer ok, I just search through the git history trying to figure out if we purposefully commented out sourceMappingURL in the past. If so, I couldn’t find a commit message about it. I went ahead and approved #4876 but before dragging it to QA, I’ll let others weigh in. It bothers me a little that we can’t use Bootstrap out of the box, that we have to edit these files. It makes me wonder if we would have 404s if we got Bootstrap from a CDN. I’m aware that we backed off of using a CDN in c11c96a as part of our recent Bootstrap upgrade in pull request #4806 (discussion in #4219).

curl -s https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css | grep -c sourceMap -> 1 suggests this would also occur using the CDN provided version.

@pameyer interesting. Are you saying that your pull request actually gets us closer to vanilla Bootstrap?

@pdurbin somewhat the opposite (the CDN version includes references to the sourcemap in minified CSS)

@pameyer ok, I went to https://stackoverflow.com/questions/21773376/bootstrap-trying-to-load-map-file-how-to-disable-it-do-i-need-to-do-it and I think I better understand what you’re up to in your pull request. I was mistaken when I said you were commenting out something. You’re deleting something that’s commented out. It’s a weird fix but I’m fine with it. Moving to QA.

© 2023 GitHub, Inc.

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

When adding a bootstrap javascript library to my webpages, Chrome warned as DevTools failed to load source map . Below is the complete error message:

As a developer, I expect console output to only contain messages relevant to my application development.

It was frustrating to see the above error because I had no reference to the file bootstrap.min.js.map in my webpage which was indicated in the warning message. I searched the whole website’s root directory for the file and only found bootstrap.min.js and not bootstrap.min.js.map file. Surprisingly found a reference in the file bootstrap.min.js for bootstrap.min.js.map as below:

As it is commented didn’t pay much attention to it!

What is a SourceMap?

The Javascript sources are often combined and minified to optimize the website to load faster and reduce bandwidth usage. Minification and combining dramatically improve site speed and accessibility, directly translating into a better user experience. Such scripts are difficult to debug than the original source code. 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 to the debugger. To enable the debugger to work with a source map, a source map file shall be generated and included in the transformed file as a comment that points to the source map file as below:

Solution:

Simply remove the below line from the file or based on the bootstrap version, you can download the corresponding source map file and place it in the appropriate directory where bootstrap.min.js is placed.

Similarly, if you found a warning corresponding to a missing source map file, either go to the corresponding file and remove the sourceMappingURL line or download the corresponding source map file and place it in the appropriate directory.

Источник

bootstrap.css.map missing (404 not found) — using LESS #2

I installed ember-cli-bootstrap via npm.

Everything seems to be working fine, but I noticed the site is requesting a file /assets/bootstrap.css.map and Ember is returning a 404.

The text was updated successfully, but these errors were encountered:

It is not necessary to use the @import statement. The addon works auto-magically when you npm install it such that all the LESS gets preprocessed into your vendor.css and is immediately available. I’m not sure if sourcemaps work though (probably not). But you will get the styles without error if you leave out the @import statement.

It seems that I don’t have access to the various bootstrap LESS components—like mixins—unless I explicitly import bootstrap in my app.less. Is there a better way to make these mixins available to my code?

I’m wondering the same. I might stick with importing LESS (or Sass) the «old-fashioned» way for now. Wonder what the addon story is for non-css, non-js assets.

Sorry for not getting to this issue sooner. I’ll try to take some time to look into this as soon as I can.

My PR should address this issue?

Perhaps this is somewhat off topic, as I’m not importing less but rather using the precompiled css, nonetheless I came across the same 404 error. I solved it by directing the bootstrap.css.map file to my assets directory in my Brocfile.js:

This got rid of the 404 error for me, and as a side benefit, the less shows up in Chrome’s developer tools, presumably inferred from the sourcemap.

Источник

GET /static/css/bootstrap.min.css HTTP/1.1″ 404 #12

After installing everything, I’m getting the above errors when accessing via browser:

27.0.0.1 — — [06/Dec/2018:00:28:45 +0100] «GET /static/css/cal-heatmap.css HTTP/1.1» 404 100 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:45 +0100] «GET /static/css/jquery-ui.css HTTP/1.1» 404 98 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:45 +0100] «GET /static/js/jquery.min.js HTTP/1.1» 404 97 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:45 +0100] «GET /static/js/jquery-ui.min.js HTTP/1.1» 404 100 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:45 +0100] «GET /static/js/bootstrap.min.js HTTP/1.1» 404 100 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:46 +0100] «GET /static/css/jquery.dataTables.min.css HTTP/1.1» 404 110 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:46 +0100] «GET /static/css/datetimepicker.css HTTP/1.1» 404 103 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:46 +0100] «GET /static/css/bootstrap-tagsinput.css HTTP/1.1» 404 108 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:46 +0100] «GET /static/css/bootstrap.min.css HTTP/1.1» 404 102 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:46 +0100] «GET /static/js/tether.min.js HTTP/1.1» 404 97 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:46 +0100] «GET /static/js/d3.min.js HTTP/1.1» 404 93 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:46 +0100] «GET /static/js/cal-heatmap.min.js HTTP/1.1» 404 102 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:46 +0100] «GET /static/js/Chart.bundle.min.js HTTP/1.1» 404 103 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:47 +0100] «GET /static/js/jquery.dataTables.min.js HTTP/1.1» 404 108 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:47 +0100] «GET /static/js/bootstrap-datetimepicker.js HTTP/1.1» 404 111 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:47 +0100] «GET /static/js/typeahead/typeahead.bundle.min.js HTTP/1.1» 404 117 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:47 +0100] «GET /static/js/fontawesome-all.min.js HTTP/1.1» 404 106 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:47 +0100] «GET /static/js/bootstrap-tagsinput.min.js HTTP/1.1» 404 110 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:47 +0100] «GET /admin/jsi18n/ HTTP/1.1» 302 0 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:47 +0100] «GET /static/admin/js/core.js HTTP/1.1» 404 97 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:47 +0100] «GET /static/admin/js/vendor/jquery/jquery.js HTTP/1.1» 404 113 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:48 +0100] «GET /static/admin/js/jquery.init.js HTTP/1.1» 404 104 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:48 +0100] «GET /static/admin/js/admin/RelatedObjectLookups.js HTTP/1.1» 404 119 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:48 +0100] «GET /static/admin/js/actions.js HTTP/1.1» 404 100 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:48 +0100] «GET /static/admin/js/urlify.js HTTP/1.1» 404 99 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:48 +0100] «GET /static/admin/js/prepopulate.js HTTP/1.1» 404 104 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:48 +0100] «GET /static/admin/js/vendor/xregexp/xregexp.js HTTP/1.1» 404 115 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:49 +0100] «GET /static/admin/js/calendar.js HTTP/1.1» 404 101 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:49 +0100] «GET /static/admin/js/admin/DateTimeShortcuts.js HTTP/1.1» 404 116 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:49 +0100] «GET /static/js/jquery-ui.min.js HTTP/1.1» 404 100 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:49 +0100] «GET /login?next=/admin/jsi18n/ HTTP/1.1» 200 9124 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:49 +0100] «GET /static/js/bootstrap.min.js HTTP/1.1» 404 100 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:49 +0100] «GET /static/js/tether.min.js HTTP/1.1» 404 97 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:49 +0100] «GET /static/js/d3.min.js HTTP/1.1» 404 93 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:50 +0100] «GET /static/js/cal-heatmap.min.js HTTP/1.1» 404 102 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:50 +0100] «GET /static/js/Chart.bundle.min.js HTTP/1.1» 404 103 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:50 +0100] «GET /static/js/jquery.dataTables.min.js HTTP/1.1» 404 108 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:50 +0100] «GET /static/css/jquery.dataTables.min.css HTTP/1.1» 404 110 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:50 +0100] «GET /static/css/datetimepicker.css HTTP/1.1» 404 103 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:50 +0100] «GET /static/js/bootstrap-datetimepicker.js HTTP/1.1» 404 111 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:50 +0100] «GET /static/js/typeahead/typeahead.bundle.min.js HTTP/1.1» 404 117 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:51 +0100] «GET /static/js/fontawesome-all.min.js HTTP/1.1» 404 106 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:51 +0100] «GET /static/js/bootstrap-tagsinput.min.js HTTP/1.1» 404 110 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:51 +0100] «GET /static/css/bootstrap-tagsinput.css HTTP/1.1» 404 108 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:51 +0100] «GET /static/admin/js/core.js HTTP/1.1» 404 97 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:51 +0100] «GET /static/admin/js/vendor/jquery/jquery.js HTTP/1.1» 404 113 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:51 +0100] «GET /static/admin/js/jquery.init.js HTTP/1.1» 404 104 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:51 +0100] «GET /static/admin/js/admin/RelatedObjectLookups.js HTTP/1.1» 404 119 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:51 +0100] «GET /static/admin/js/actions.js HTTP/1.1» 404 100 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:52 +0100] «GET /static/admin/js/urlify.js HTTP/1.1» 404 99 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:52 +0100] «GET /static/admin/js/prepopulate.js HTTP/1.1» 404 104 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:52 +0100] «GET /static/admin/js/vendor/xregexp/xregexp.js HTTP/1.1» 404 115 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:52 +0100] «GET /static/admin/js/calendar.js HTTP/1.1» 404 101 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:52 +0100] «GET /static/admin/js/admin/DateTimeShortcuts.js HTTP/1.1» 404 116 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»
127.0.0.1 — — [06/Dec/2018:00:28:53 +0100] «GET /static/favicon.ico HTTP/1.1» 404 92 «http://127.0.0.1:8000/login?next=/» «Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36»

So almost all giving 404 and I have done the static files collecting correctly.

Please can you help?

Thank you very much.

The text was updated successfully, but these errors were encountered:

Источник

When adding a bootstrap javascript library to my webpages, Chrome warned as DevTools failed to load source map.  Below is the complete error message:

DevTools failed to load source map: Could not load content for http://192.168.10.12/admin/css/bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

As a developer, I expect console output to only contain messages relevant to my application development.

It was frustrating to see the above error because I had no reference to the file bootstrap.min.js.map in my webpage which was indicated in the warning message. I searched the whole website’s root directory for the file and only found bootstrap.min.js and not bootstrap.min.js.map file. Surprisingly found a reference in the file bootstrap.min.js for bootstrap.min.js.map as below:

//# sourceMappingURL=bootstrap.min.js.map

As it is commented didn’t pay much attention to it!

What is a SourceMap?

The Javascript sources are often combined and minified to optimize the website to load faster and reduce bandwidth usage. Minification and combining dramatically improve site speed and accessibility, directly translating into a better user experience. Such scripts are difficult to debug than the original source code. 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 to the debugger. To enable the debugger to work with a source map, a source map file shall be generated and included in the transformed file as a comment that points to the source map file as below:

//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map

Solution: 

Simply remove the below line from the file or based on the bootstrap version, you can download the corresponding source map file and place it in the appropriate directory where bootstrap.min.js is placed.

//# sourceMappingURL=bootstrap.min.js.map

Similarly, if you found a warning corresponding to a missing source map file, either go to the corresponding file and remove the sourceMappingURL line or download the corresponding source map file and place it in the appropriate directory.

Author Profile

Ramya Santhosh

is a Web Designer and content creator. A freelance writer on latest trends in technology, gadget reviews, How to’s and many more.

RRS feed

  • Remove From My Forums
  • Question

  • User-1548796982 posted

    hi

    i get this message while load page and page load slowly

    Source map error: request failed with status 404 Resource URL: …/Content/bootstrap.css Source Map URL: bootstrap.css.map

    why?

All replies

  • User-2054057000 posted

    It looks like you have not correctly linked the bootstrap.css in your page head.

    Add the following css and js of bootstrap from cdn:

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  • User-474980206 posted
    You can ignore this error. When the browser developer tools are open, for every JavaScript and css file loaded, it also checks for a .map file which contains the source and line number mapping. This is only used to debug and is optional.

  • User283571144 posted

    Hi tadbirgaran,

    i get this message while load page and page load slowly

    Source map error: request failed with status 404 Resource URL: …/Content/bootstrap.css Source Map URL: bootstrap.css.map

    As far as I know, this error means that browser can’t find the file pointed here: 

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

    Link: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 or download source map files from a Bootstrap and put them inside libs directory.

    Besides, there are multiple reason cause your page load slowly.

    I suggest you could try to use F12 development tool to troubleshoot which part cause your page loading slowly.

    More details, you could refer to below article:

    https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/ 

    Best Regards,

    Brando

Понравилась статья? Поделить с друзьями:
  • Bootstrap failed 5 input output error
  • Bootstrap error text
  • Bootstrap error popover
  • Bootstrap error page
  • Bootstrap error message input