Using Solidjs fails to build/compile: missing './types' specifier in @originjs/vite-plugin-federation
Versions
"solid-js": "^1.7.8"
"@originjs/vite-plugin-federation": "^1.3.1",
"vite": "^4.4.5",
"vite-plugin-solid": "^2.7.0"
Reproduction
"pnpm create vite host --template solid" "pnpm add @originjs/vite-plugin-federation -D" create component to expose (ex: button which increments from state of 0) expose in vite.config.js:
import { defineConfig } from 'vite';
import solid from 'vite-plugin-solid';
import federation from '@originjs/vite-plugin-federation/types';
export default defineConfig({
plugins: [
solid(),
federation({
name: 'remote',
filename: 'remoteEntry.js',
exposes: {
'./Button': './src/Button'
},
shared: ['solid-js']
})
]
})
"yarn dev or pnpm run dev --port
Steps to reproduce
What is Expected?
Just expect the app to start up as usual.
What is actually happening?
X [ERROR] Missing "./types" specifier in "@originjs/vite-plugin-federation" package [plugin externalize-deps]
node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1373:27:
1373 │ let result = await callback({
╵ ^
at e (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:21420:25)
at n (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:21420:627)
at o (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:21420:1297)
at resolveExportsOrImports (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:28712:20)
at resolveDeepImport (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:28731:31)
at tryNodeResolve (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:28419:20)
at resolveByViteResolver (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:66132:32)
at file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:66171:40
at requestCallbacks.on-resolve (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1373:28)
at handleRequest (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:729:19)
This error came from the "onResolve" callback registered here:
node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1292:20:
1292 │ let promise = setup({
╵ ^
at setup (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:66158:27)
at handlePlugins (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1292:21)
at buildOrContextImpl (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:978:5)
at Object.buildOrContext (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:786:5)
at C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:2177:15
at new Promise (<anonymous>)
at Object.build (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:2176:25)
at build (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:2025:51)
at bundleConfigFile (file:///C:/Users/csworen/source/repos/vite-solid-mfe/remote/node_modules/.pnpm/[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:66109:26)
The plugin "externalize-deps" was triggered by this import
vite.config.js:3:23:
3 │ import federation from '@originjs/vite-plugin-federation/types';
╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
failed to load config from C:\Users\csworen\source\repos\vite-solid-mfe\remote\vite.config.js
error when starting dev server:
Error: Build failed with 1 error:
node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:1373:27: ERROR: [plugin: externalize-deps] Missing "./types" specifier in "@originjs/vite-plugin-federation" package
at failureErrorWithLog (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1649:15)
at C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1058:25
at runOnEndCallbacks (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1484:45)
at buildResponseToResult (C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1056:7)
at C:\Users\csworen\source\repos\vite-solid-mfe\remote\node_modules.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1085:16
at responseCallbacks.