Re-open DevTools failed to load SourceMap

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:

[D1no]

This is constantly in my console in storybook while developing