小编dha*_*hta的帖子

我创建了一个应用程序（app1），其中包含以下内容webpack.config.js：

new ModuleFederationPlugin({
            name: "app1",
            filename: "remoteEntry.js",
            exposes: {
                "./app1": "./src/components/Sidebar",
            },
            shared: [
                {
                    ...deps,
                    react: {
                        eager: true,
                        requiredVersion: deps.react,
                    },
                    "react-dom": {
                        eager: true,
                        requiredVersion: deps["react-dom"],
                    },
                    "react-redux": {
                        eager: true,
                        requiredVersion: deps["react-redux"],
                    },
                  ....
                  })

以及具有以下内容的主机应用程序webpack.config.js：

new ModuleFederationPlugin({
            name: "host",
            remotes: {
                app1: "app1@http://localhost:3002/remoteEntry.js",
            },
            shared: [
                {
                    ...deps,
                    react: {
                        eager: true,
                        requiredVersion: deps.react,
                    }
                },
            ]
        }),

当我启动主机应用程序时，它显示：

  Shared module is not available for eager 
  consumption:webpack/sharing/consume/default/react/react

我尝试了该bootstrap.js方法。就我而言，我创建了该bootstrap.tsx …