Build failure in Tanstack devtools with Cloudflare Vite Plugin in RC
Hi all,
I'm just trying out Tanstack start with Cloudflare's vite plugin in RC, and i've come to experience a build error that goes away when removing TanStackDevtools from the __root.tsx file.
If I remove either the cloudflare vite plugin or TanStackDevtools, build passes.
1 Reply
extended-yellowOP•2w ago
Vite config:
Build error:
import { defineConfig } from 'vite'
import { tanstackStart } from '@tanstack/react-start/plugin/vite'
import viteReact from '@vitejs/plugin-react'
import viteTsConfigPaths from 'vite-tsconfig-paths'
import tailwindcss from '@tailwindcss/vite'
import { cloudflare } from '@cloudflare/vite-plugin'
const config = defineConfig({
plugins: [
cloudflare({
viteEnvironment: { name: 'ssr'}
}),
viteTsConfigPaths(),
tailwindcss(),
tanstackStart(),
viteReact(),
],
})
export default config
import { defineConfig } from 'vite'
import { tanstackStart } from '@tanstack/react-start/plugin/vite'
import viteReact from '@vitejs/plugin-react'
import viteTsConfigPaths from 'vite-tsconfig-paths'
import tailwindcss from '@tailwindcss/vite'
import { cloudflare } from '@cloudflare/vite-plugin'
const config = defineConfig({
plugins: [
cloudflare({
viteEnvironment: { name: 'ssr'}
}),
viteTsConfigPaths(),
tailwindcss(),
tanstackStart(),
viteReact(),
],
})
export default config
✗ Build failed in 407ms
error during build:
node_modules/.pnpm/@tanstack+devtools@0.6.14_csstype@3.1.3_solid-js@1.9.9/node_modules/@tanstack/devtools/dist/devtools/EZ6UNLQL.js (2:60): "use" is not exported by "node_modules/.pnpm/solid-js@1.9.9/node_modules/solid-js/web/dist/server.js", imported by "node_modules/.pnpm/@tanstack+devtools@0.6.14_csstype@3.1.3_solid-js@1.9.9/node_modules/@tanstack/devtools/dist/devtools/EZ6UNLQL.js".
file: /Users/ahmed/Developer/ixahmedxi/node_modules/.pnpm/@tanstack+devtools@0.6.14_csstype@3.1.3_solid-js@1.9.9/node_modules/@tanstack/devtools/dist/devtools/EZ6UNLQL.js:2:60
1: import { usePiPWindow, keyboardModifiers, getAllPermutations, TANSTACK_DEVTOOLS, DevtoolsContext, PLUGIN_TITLE_CONTAI...
2: import { delegateEvents, createComponent, Portal, template, use, setAttribute, insert, memo, effect, className, addEv...
^
3: import { createContext, createSignal, createEffect, onCleanup, Show, createMemo, For, useContext, onMount } from 'sol...
4: import { createShortcut } from '@solid-primitives/keyboard';
✗ Build failed in 407ms
error during build:
node_modules/.pnpm/@tanstack+devtools@0.6.14_csstype@3.1.3_solid-js@1.9.9/node_modules/@tanstack/devtools/dist/devtools/EZ6UNLQL.js (2:60): "use" is not exported by "node_modules/.pnpm/solid-js@1.9.9/node_modules/solid-js/web/dist/server.js", imported by "node_modules/.pnpm/@tanstack+devtools@0.6.14_csstype@3.1.3_solid-js@1.9.9/node_modules/@tanstack/devtools/dist/devtools/EZ6UNLQL.js".
file: /Users/ahmed/Developer/ixahmedxi/node_modules/.pnpm/@tanstack+devtools@0.6.14_csstype@3.1.3_solid-js@1.9.9/node_modules/@tanstack/devtools/dist/devtools/EZ6UNLQL.js:2:60
1: import { usePiPWindow, keyboardModifiers, getAllPermutations, TANSTACK_DEVTOOLS, DevtoolsContext, PLUGIN_TITLE_CONTAI...
2: import { delegateEvents, createComponent, Portal, template, use, setAttribute, insert, memo, effect, className, addEv...
^
3: import { createContext, createSignal, createEffect, onCleanup, Show, createMemo, For, useContext, onMount } from 'sol...
4: import { createShortcut } from '@solid-primitives/keyboard';