Error running react-vite demo

[fgatti675]

Versions

{
    "name": "react-vite",
    "private": true,
    "version": "1.0.0",
    "workspaces": [
      "host",
      "remote"
    ],
    "scripts": {
      "build": "pnpm  --parallel --filter \"./**\" build",
      "serve": "pnpm  --parallel --filter \"./**\" preview",
      "build:remotes": "pnpm --parallel --filter \"./remote\" build",
      "serve:remotes": "pnpm --parallel --filter \"./remote\" serve",
      "dev:hosts": "pnpm --filter \"./host\" dev",
      "stop": "kill-port --port 5000,5001"
    },
    "devDependencies": {
      "kill-port": "^2.0.1",
      "@originjs/vite-plugin-federation": "^1.1.10"
    }
  }

Reproduction

Additional Details

Steps to reproduce

• Cloning this repository
• cd packages/examples/react-vite
• pnpm install works
• pnpm run build fails

What is Expected?

Build should work

What is actually happening?

Error:

host build: ✘ [ERROR] [plugin externalize-deps] Failed to resolve entry for package "@originjs/vite-plugin-federation". The package may have incorrect main/module/exports specified in its package.json.
host build:     ../../../../node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1357:27:
host build:       1357 │         let result = await callback({
host build:            ╵                            ^
host build:     at packageEntryFailure (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:21822:11)
host build:     at resolvePackageEntry (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:21819:5)
host build:     at tryNodeResolve (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:21557:20)
host build:     at file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:62013:40
host build:     at requestCallbacks.on-resolve (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1357:28)
host build:     at handleRequest (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:723:19)
host build:     at handleIncomingPacket (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:745:7)
host build:     at Socket.readFromStdout (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:673:7)
host build:     at Socket.emit (node:events:513:28)
host build:     at addChunk (node:internal/streams/readable:315:12)
host build:   This error came from the "onResolve" callback registered here:
host build:     ../../../../node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1281:20:
host build:       1281 │       let promise = setup({
host build:            ╵                     ^
host build:     at setup (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:62002:27)
host build:     at handlePlugins (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1281:21)
host build:     at buildOrServeImpl (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:970:5)
host build:     at Object.buildOrServe (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:776:5)
host build:     at /Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:2117:17
host build:     at new Promise (<anonymous>)
host build:     at Object.build (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:2116:14)
host build:     at build (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1963:51)
host build:     at bundleConfigFile (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:61966:26)
host build:   The plugin "externalize-deps" was triggered by this import
host build:     vite.config.js:2:23:
host build:       2 │ import federation from '@originjs/vite-plugin-federation'
host build:         ╵                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
host build: failed to load config from /Users/francesco/vite-plugin-federation/packages/examples/react-vite/host/vite.config.js
host build: error during build:
host build: Error: Build failed with 1 error:
host build: ../../../../node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1357:27: ERROR: [plugin: externalize-deps] Failed to resolve entry for package "@originjs/vite-plugin-federation". The package may have incorrect main/module/exports specified in its package.json.
host build:     at failureErrorWithLog (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1596:15)
host build:     at /Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1052:28
host build:     at runOnEndCallbacks (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1468:61)
host build:     at buildResponseToResult (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1050:7)
host build:     at /Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1162:14
host build:     at responseCallbacks.<computed> (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:697:9)
host build:     at handleIncomingPacket (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:752:9)
host build:     at Socket.readFromStdout (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:673:7)
host build:     at Socket.emit (node:events:513:28)
host build:     at addChunk (node:internal/streams/readable:315:12)
remote build: ✘ [ERROR] [plugin externalize-deps] Failed to resolve entry for package "@originjs/vite-plugin-federation". The package may have incorrect main/module/exports specified in its package.json.
remote build:     ../../../../node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1357:27:
remote build:       1357 │         let result = await callback({
remote build:            ╵                            ^
remote build:     at packageEntryFailure (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:21822:11)
remote build:     at resolvePackageEntry (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:21819:5)
remote build:     at tryNodeResolve (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:21557:20)
remote build:     at file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:62013:40
remote build:     at requestCallbacks.on-resolve (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1357:28)
remote build:     at handleRequest (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:723:19)
remote build:     at handleIncomingPacket (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:745:7)
remote build:     at Socket.readFromStdout (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:673:7)
remote build:     at Socket.emit (node:events:513:28)
remote build:     at addChunk (node:internal/streams/readable:315:12)
remote build:   This error came from the "onResolve" callback registered here:
remote build:     ../../../../node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1281:20:
remote build:       1281 │       let promise = setup({
remote build:            ╵                     ^
remote build:     at setup (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:62002:27)
remote build:     at handlePlugins (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1281:21)
remote build:     at buildOrServeImpl (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:970:5)
remote build:     at Object.buildOrServe (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:776:5)
remote build:     at /Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:2117:17
remote build:     at new Promise (<anonymous>)
remote build:     at Object.build (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:2116:14)
remote build:     at build (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1963:51)
remote build:     at bundleConfigFile (file:///Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-0bae2027.js:61966:26)
remote build:   The plugin "externalize-deps" was triggered by this import
remote build:     vite.config.js:3:23:
remote build:       3 │ import federation from '@originjs/vite-plugin-federation'
remote build:         ╵                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
remote build: failed to load config from /Users/francesco/vite-plugin-federation/packages/examples/react-vite/remote/vite.config.js
remote build: error during build:
remote build: Error: Build failed with 1 error:
remote build: ../../../../node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1357:27: ERROR: [plugin: externalize-deps] Failed to resolve entry for package "@originjs/vite-plugin-federation". The package may have incorrect main/module/exports specified in its package.json.
remote build:     at failureErrorWithLog (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1596:15)
remote build:     at /Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1052:28
remote build:     at runOnEndCallbacks (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1468:61)
remote build:     at buildResponseToResult (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1050:7)
remote build:     at /Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1162:14
remote build:     at responseCallbacks.<computed> (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:697:9)
remote build:     at handleIncomingPacket (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:752:9)
remote build:     at Socket.readFromStdout (/Users/francesco/vite-plugin-federation/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:673:7)
remote build:     at Socket.emit (node:events:513:28)
remote build:     at addChunk (node:internal/streams/readable:315:12)
remote build: Failed

[chioio]

I have try to copy this demo to new workspace with pnpm, and update the deps, it works.

[fgatti675]

Thank you @chioio ❤️ I am trying to make dynamic code federation work with vite and React, and this plugin is my best bet so far! Congrats on the great work!