close

[Solved] DevTools failed to load SourceMap: Could not load content for chrome-extension

Hello Guys, How are you all? Hope You all Are Fine. Today I Face the following error in my console log in Chrome DevTools failed to load SourceMap: Could not load content for chrome-extension in Javascript. So Here I am Explain to you all the possible solutions here.

Without wasting your time, Let’s start This Article to Solve This Error.

How DevTools failed to load SourceMap: Could not load content for chrome-extension Error Occurs ?

Today I Face the following error in my console log in Chrome.

DevTools failed to load SourceMap: Could not load content for chrome-extension://alplpnakfeabeiebipdmaenpmbgknjce/include.preload.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

How To Solve DevTools failed to load SourceMap: Could not load content for chrome-extension Error ?

  1. How To Solve DevTools failed to load SourceMap: Could not load content for chrome-extension Error?

    To Solve DevTools failed to load SourceMap: Could not load content for chrome-extension. This Problem happens because Chrome added support for source maps. 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. It has nothing to do with your code. Check the developer tools on other pages and you will see the same warning.

Solution 1: Enable javascript source maps

This Problem happens because Chrome added support for source maps.

  1. Go to the developer tools (F12 in the browser)
  2. then select the three dots in the upper right corner, and go to Settings.
  3. Then, look for Sources, and disable the options: “Enable javascript source maps” “Enable CSS source maps”
  4. If you do that, that would get rid of the warnings.
  5. It has nothing to do with your code. Check the developer tools in other pages and you will see the same warning.

Solution 2: selected context only

  1. Go to developer tools -> settings -> console -> tick “Selected context only”.
  2. The warnings will be hidden. You can see them again by unticking the same box.
  3. The “selected context only” means only the top, iframe, worker and extension contexts.
  4. Which is all that you’ll need, the vast majority of the time.

Solution 3: find the extensions that are causing the messages and turn them off

find the extensions that are causing the messages and turn them off. Here is how you do that:

  1. Go to the three dots in the upper right hand corner of Chrome.
  2. Go to “More Tools” and click on “Extensions”.
  3. Do this for one extension at a time until no more “SourceMap” errors are in the console:
  4. Turn off the extension by sliding the switch to the left.
  5. Reload the page that you were using the Development Tools on.
  6. Check if any of the “SourceMap” error messages disappeared.
  7. If any did, then that extension was causing those messages.
  8. Otherwise, that extension can be turned back on.

Summery

It’s all About this issue. Hope all solution helped you a lot. Comment below Your thoughts and your queries. Also, Comment below which solution worked for you?

Also Read

Leave a Comment