Source Maps broken: Could not load content for webpack:

[tomitrescak]

Summary

Hello

My sourcemaps are broken with webpack and not loaded in any browser I tried (Chrome, Firefox, Safari).

With chrome I get this error:
Could not load content for webpack://..

With Firefox:
Error while fetching an original source: unsupported protocol for sourcemap request webpack://

Additional information

// main.ts

import type { StorybookConfig } from "@storybook/nextjs";
import react from "@vitejs/plugin-react-swc";
import tsconfigPaths from "vite-tsconfig-paths";

const config: StorybookConfig & { viteFinal: any } = {
  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
  addons: [
    "@storybook/addon-onboarding",
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@chromatic-com/storybook",
    "@storybook/addon-interactions",
  ],
  framework: {
    name: "@storybook/nextjs",
    options: {},
  },
  docs: {
    autodocs: "tag",
  },
  staticDirs: ["../public"],
  features: {
    experimentalRSC: true,
  },
};
export default config;

This is preview.ts

import type { Preview } from "@storybook/react";

import { initialize, mswDecorator } from "msw-storybook-addon";

import "../src/dark.scss";
import "../src/main.scss";
import "../src/utility.css";

const preview: Preview = {
  parameters: {
    nextjs: {
      appDirectory: true,
    },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
  },
};

initialize();
export const decorators = [mswDecorator];

export default preview;

Create a reproduction

No response

[kasperpeulen]

Created an issue
#26954