[vite] Error when evaluating SSR module /app/routes/__root.tsx: failed to import...

I'm still having some issues trying to get Start running. With my own UI lib and css-in-js lib.

The problem seems to be vinxi:

16:06:04 [vite] Error when evaluating SSR module /app/routes/__root.tsx: failed to import "@raikou/emotion"
|- Error: @stylefusion/react: You were trying to call "css" function without configuring your bundler. Make sure to install the bundler specific plugin and use it. @stylefusion/vite-plugin for Vite integration or @pigment-css/nextjs-plugin for Next.js integration.
    at css (file:///Users/paul/development/src/github/tanstack-start/node_modules/@stylefusion/react/build/chunk-QPZK2EXO.mjs:15:9)
    at file:///Users/paul/development/src/github/tanstack-start/node_modules/@raikou/core/esm/components/ScrollArea/ScrollArea.css.mjs:3:29
    at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
    at async nodeImport (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:53056:15)
    at async ssrImport (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52914:16)
    at async eval (/Users/paul/development/src/github/tanstack-start/app/routes/__root.tsx:7:31)
    at async instantiateModule (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52972:5)

16:06:04 [vite] Error when evaluating SSR module /app/routes/__root.tsx: failed to import "@raikou/emotion"
|- Error: @stylefusion/react: You were trying to call "css" function without configuring your bundler. Make sure to install the bundler specific plugin and use it. @stylefusion/vite-plugin for Vite integration or @pigment-css/nextjs-plugin for Next.js integration.
    at css (file:///Users/paul/development/src/github/tanstack-start/node_modules/@stylefusion/react/build/chunk-QPZK2EXO.mjs:15:9)
    at file:///Users/paul/development/src/github/tanstack-start/node_modules/@raikou/core/esm/components/ScrollArea/ScrollArea.css.mjs:3:29
    at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
    at async nodeImport (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:53056:15)
    at async ssrImport (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52914:16)
    at async eval (/Users/paul/development/src/github/tanstack-start/app/routes/__root.tsx:7:31)
    at async instantiateModule (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52972:5)

Works fine with Router:

https://github.com/paulm17/tanstack-router

You can clone and run using npm. The result is a badge showing. No issues.

Here is Start:

https://github.com/paulm17/tanstack-start

Shows the errors above.

Can someone please shed some light on this. Thanks!

TanStack•16mo ago•

38 replies

colossal-harlequin

[vite] Error when evaluating SSR module /app/routes/__root.tsx: failed to import...

I'm still having some issues trying to get Start running. With my own UI lib and css-in-js lib.

The problem seems to be vinxi:

16:06:04 [vite] Error when evaluating SSR module /app/routes/__root.tsx: failed to import "@raikou/emotion"
|- Error: @stylefusion/react: You were trying to call "css" function without configuring your bundler. Make sure to install the bundler specific plugin and use it. @stylefusion/vite-plugin for Vite integration or @pigment-css/nextjs-plugin for Next.js integration.
    at css (file:///Users/paul/development/src/github/tanstack-start/node_modules/@stylefusion/react/build/chunk-QPZK2EXO.mjs:15:9)
    at file:///Users/paul/development/src/github/tanstack-start/node_modules/@raikou/core/esm/components/ScrollArea/ScrollArea.css.mjs:3:29
    at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
    at async nodeImport (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:53056:15)
    at async ssrImport (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52914:16)
    at async eval (/Users/paul/development/src/github/tanstack-start/app/routes/__root.tsx:7:31)
    at async instantiateModule (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52972:5)

16:06:04 [vite] Error when evaluating SSR module /app/routes/__root.tsx: failed to import "@raikou/emotion"
|- Error: @stylefusion/react: You were trying to call "css" function without configuring your bundler. Make sure to install the bundler specific plugin and use it. @stylefusion/vite-plugin for Vite integration or @pigment-css/nextjs-plugin for Next.js integration.
    at css (file:///Users/paul/development/src/github/tanstack-start/node_modules/@stylefusion/react/build/chunk-QPZK2EXO.mjs:15:9)
    at file:///Users/paul/development/src/github/tanstack-start/node_modules/@raikou/core/esm/components/ScrollArea/ScrollArea.css.mjs:3:29
    at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
    at async nodeImport (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:53056:15)
    at async ssrImport (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52914:16)
    at async eval (/Users/paul/development/src/github/tanstack-start/app/routes/__root.tsx:7:31)
    at async instantiateModule (file:///Users/paul/development/src/github/tanstack-start/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52972:5)

Works fine with Router:

https://github.com/paulm17/tanstack-router

You can clone and run using npm. The result is a badge showing. No issues.

Here is Start:

https://github.com/paulm17/tanstack-start

Shows the errors above.

Can someone please shed some light on this. Thanks!

[vite] Error when evaluating SSR module /app/routes/__root.tsx: failed to import...

Similar Threads

[vite] Error when evaluating SSR module /app/routes/__root.tsx: failed to import...

Similar Threads

Similar Threads

Similar Threads