To solve DevTools failed to load SourceMap: Could not load content for chrome-extension error just disable your chrome Extension which causes block your JS. This error causes when something is blocking your javascript and it should be a chrome extension.
Solution 1: Enable javascript source maps
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 in other pages and you will see the same warning.
Solution 2: selected context only
- Go to developer tools -> settings -> console -> tick “Selected context only”.
- The warnings will be hidden. You can see them again by unticking the same box.
- The “selected context only” means only the top, iframe, worker and extension contexts.
- 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:
- Go to the three dots in the upper right-hand corner of Chrome.
- Go to “More Tools” and click on “Extensions”.
- Do this for one extension at a time until no more “SourceMap” errors are in the console:
- Turn off the extension by sliding the switch to the left.
- Reload the page that you were using the Development Tools on.
- Check if any of the “SourceMap” error messages disappeared.
- If any did, then that extension was causing those messages.
- Otherwise, that extension can be turned back on.
Solution 4: Deactivate AdBlocker
In My case, it was Adblocker causing this error. I just turn it off and My problem was solved successfully.
Frequently Asked Questions
- 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.
- 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.
Summary
You just need to disable the chrome extension that is blocking javascript and your error will be fixed is the best solution. Comment below with Your thoughts and your queries. Also, Comment below on which solution worked for you.
Also, Read
- ChromeDriverManager().install() Is Giving KeyError: ‘google-chrome’
- Message: session not created: This version of ChromeDriver only supports Chrome version 102 Current browser version is 100
Thank you!
It’s my Pleasure to Help You Carmen. Thank You For Your Valuable words.
You have solved my problem, I had restarted the pc, cleaned the chrome cache from the Application and it did not solve it, I already believed that the error of the new system version, until I read your post and you helped me. Thank you very much!!!