Storybook: Re-open DevTools failed to load SourceMap

[webberwang]

I'd imagine its low priority, functionally doesn't do anything. Just annoying having to see the message in console.log. Could not be related to Storybook

Reopen https://github.com/storybookjs/storybook/issues/9732

Describe the bug
Warning in console:
DevTools failed to load SourceMap: Could not load content for http://localhost:6006/unfetch.mjs.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE.

To Reproduce

1. Starting Storybook

Expected behavior
No warning.

Screenshots
If applicable, add screenshots to help explain your problem.

Code snippets
this my webpack.config.js

const webpack = require('webpack');
const _ = require('lodash');
const WebpackNotifierPlugin = require('webpack-notifier');
const WebpackShellPlugin = require('webpack-shell-plugin');
const FilterWarningsPlugin = require('webpack-filter-warnings-plugin');

module.exports = ({ config }) => {
  config.resolve.extensions.push('.ts', '.tsx', '.js', '.jsx', '.json');
  config.module.rules.push(
    {
      test: /\.tsx?$/,
      exclude: /node_modules/,
      use: [
        {
          loader: 'babel-loader',
          options: { cacheDirectory: true }
        },
        {
          loader: 'ts-loader',
          options: { transpileOnly: true }
        }
      ]
    },

[yannbf]

Hey @webberwang, thanks for opening this issue! From what I understand this seems to be a bug on chromium which affects libraries that point to source maps. This would affect some chrome extensions too.

This issue has been happening since february (which is when #9732 was opened), and they are planning to fix it most likely in their next release, version 82.

Now I know the issue is annoying, but doesn't seem to be related to storybook. If you want to supress it for now, you can tick Selected context only in your dev tools:

[wakilsarfaraz]

Hi all,
I am a new learner in using django for dynamic web development. I came across this error in the inspection->console of google chrome upon adopting an open-source web template.

DevTools failed to load SourceMap: Could not load content for http://127.0.0.1:8000/static/styles/bootstrap4/bootstrap.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Any help would be much appreciated!

[Sielik]

It is chrome or some extension bug. In my case I had to disable the lastPass extension to remove the error. Others say that addBlock make the problem. You may find some more information here:
https://superuser.com/questions/1523427/google-chrome-devtools-failed-to-parse-sourcemap-chrome-extension/1524565#1524565

[rantjobs]

i have a wordpress website using amp and DevTools failed to load SourceMap too

insidenobs.com

[Soundharya19]

Wakal,I also face the same issue.If you find or have any solution please help with that.

[TamasFelix]

Hello, i have the same issue
DevTools failed to load SourceMap: Could not load content for /modules/revws/views/js/front-1_1_0.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for /themes/core.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
https://www.kiwigym.ro/sanatate-incheieturi/universal-nutrition-animal-flex-44plicuri

Did I found the solution?
Thanks