How can I fix the “DevTools failed to load SourceMap: Could not load content” error when adding a JavaScript library?

This worked for me:

Go to Inspect → Settings (Symbol) gear → Uncheck Enable JavaScript source maps and Enable CSS source map.

Refresh.

(Note: Deactivate Adblock if the above process did not work.)

Related Contents:

  1. Disable source maps in Chrome DevTools
  2. Is it possible to open developer tools console in Chrome on Android phone?
  3. How do you launch the JavaScript debugger in Google Chrome?
  4. How do I debug Node.js applications?
  5. How do I access the $scope variable in browser’s console using AngularJS?
  6. Colors in JavaScript console
  7. Find out whether Chrome console is open
  8. Using Chrome’s Element Inspector in Print Preview Mode?
  9. How to open the correct devtools console to see output from an extension script?
  10. Disabling Chrome cache for website development
  11. After calling chrome.tabs.query, the results are not available
  12. How do you inspect the web inspector in Chrome?
  13. How to access Network panel on google chrome developer tools with selenium?
  14. What does ==$0 (double equals dollar zero) mean in Chrome Developer Tools?
  15. See :hover state in Chrome Developer Tools
  16. $ Variable (Dollar Sign) in Chrome?
  17. What’s the difference between “Normal Reload”, “Hard Reload”, and “Empty Cache and Hard Reload” in Chrome?
  18. Chrome Development Tool: [VM] file from javascript
  19. How to change chrome packaged app id Or Why do we need key field in the manifest.json?
  20. Chrome stalls when making multiple requests to same resource?
  21. How to disable JavaScript in Chrome Developer Tools?
  22. what are the .map files used for in Bootstrap 3.x?
  23. Freeze screen in chrome debugger / DevTools panel for popover inspection?
  24. Google Chromecast sender error if Chromecast extension is not installed or using incognito
  25. Why {} + {} is NaN only on the client side? Why not in Node.js?
  26. Chrome Dev Tools – Modify javascript and reload
  27. Load chrome extension using selenium
  28. How do I generate sourcemaps when using babel and webpack?
  29. sending message to chrome extension from a web page
  30. Automatically open Chrome developer tools when new tab/new window is opened
  31. Chrome DevTools Devices does not detect device when plugged in
  32. Bizarre Error in Chrome Developer Console – Failed to load resource: net::ERR_CACHE_MISS
  33. Chrome not showing OPTIONS requests in Network tab
  34. How to remove all recent console command
  35. Chrome console already declared variables throw undefined reference errors for let
  36. What do the crossed style properties in Google Chrome devtools mean?
  37. Making HTTP Requests using Chrome Developer tools
  38. What is the purpose of this purple dashed line area?
  39. Break javascript before an inline javascript redirect in Chrome
  40. How to reposition Chrome Developer Tools
  41. Calling a Javascript Function from Console
  42. Chrome: Source of Post Data?
  43. Access function location programmatically
  44. LCP time between LightHouse and Performance – Google Chrome
  45. What is the difference between // and .// in XPath?
  46. JSON response format error – red dot\bullet before response
  47. How to open Chrome browser console through Selenium?
  48. Value of “this” is incorrect when debugging Babel transpiled React with Chrome Devtools
  49. How to debug chrome devtools panel extension?
  50. Chrome developer tools workspace mappings

Leave a Comment