module-federation / core

Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications
https://module-federation.io/
MIT License
1.48k stars 224 forks source link

storybook-addon breaks storybook 7.2.1 build #1195

Closed iCoderXXI closed 1 year ago

iCoderXXI commented 1 year ago

Hi, I'm trying to make Storybook v7.2.1 to be a host for remote federated modules.

Here is main.ts

import type { StorybookConfig } from "@storybook/react-webpack5";
const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");

const moduleFederationConfig = {
  name: 'storybook',
  remotes: {
    'uikit': { external: 'http://localhost:8081/remoteEntry.js' },
  },
}

const config: StorybookConfig = {
  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-onboarding",
    "@storybook/addon-interactions",
    {
      name: "@module-federation/storybook-addon",
      options: { moduleFederationConfig },
    },    
  ],
  framework: {
    name: "@storybook/react-webpack5",
    options: {},
  },
  docs: {
    autodocs: "tag",
  },
};
export default config;

on npm run storybook I get following error

Force closed preview build
ModuleNotFoundError: Module not found: Error: Can't resolve './src' in '/Users/xxx/projects/sb.wp/node_modules/.cache/storybook'
    at /Users/xxx/projects/sb.wp/node_modules/webpack/lib/Compilation.js:2022:28
    at /Users/xxx/projects/sb.wp/node_modules/webpack/lib/ContextModuleFactory.js:215:15
    at /Users/xxx/projects/sb.wp/node_modules/neo-async/async.js:2830:7
    at /Users/xxx/projects/sb.wp/node_modules/neo-async/async.js:6877:13
    at /Users/xxx/projects/sb.wp/node_modules/webpack/lib/ContextModuleFactory.js:185:26
    at finishWithoutResolve (/Users/xxx/projects/sb.wp/node_modules/enhanced-resolve/lib/Resolver.js:372:11)
    at /Users/xxx/projects/sb.wp/node_modules/enhanced-resolve/lib/Resolver.js:461:15
    at /Users/xxx/projects/sb.wp/node_modules/enhanced-resolve/lib/Resolver.js:519:5
    at eval (eval at create (/Users/xxx/projects/sb.wp/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
    at /Users/xxx/projects/sb.wp/node_modules/webpack/lib/cache/ResolverCachePlugin.js:260:15
ScriptedAlchemy commented 1 year ago

@fyodorovandrei Any help here?

fyodorovandrei commented 1 year ago

@ScriptedAlchemy I started the investigation

iCoderXXI commented 1 year ago

Thank you very much for such lightning fast reaction to the issue. Appreciate you work very much!