T
TanStack•6mo ago
exotic-emerald

tanstack start with powersync error

im getting cannot find module errors https://codesandbox.io/p/devbox/k8kvyx minimal recreation of problem. i am looking to know if powersync is able to be used in a app stack like such: capacitor for mobile tauri for desktop tanstack for supabase for backend powersync. i am referencing https://github.com/powersync-ja/powersync-js/blob/main/demos/react-supabase-todolist for the systemprovider currently i am getting a ssr error when i open up my vinxi development server: (this about the same problem im getting on the minimal recreation 
vinxi starting dev server

:recycle:  Generating routes...
:white_check_mark: Processed routes in 180ms

Error in renderToPipeableStream: Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'C:\Dev\Repos\novel-view\node_modules\.pnpm\@powersync+web@1.16.0_@jour_7f85ee71838ad661479f0cd319363eec\node_modules\@powersync\web\libmjs:1:74)
    at nextResolve (node:internal/modules/esm/hooks:748:28)
    at o (file:///C:/Dev/Repos/novel-view/node_modules/.pnpm/@tailwindcss+node@4.1.3/node_modules/@tailwindcss/node/dist/esm-cache.loader.mjs:1:74)
    at nextResolve (node:internal/modules/esm/hooks:748:28)
    at Hooks.resolve (node:internal/modules/esm/hooks:240:30)
    at handleMessage (node:internal/modules/esm/worker:199:24) {
  code: 'ERR_MODULE_NOT_FOUND',
  url: 'file:///C:/Dev/Repos/novel-view/node_modules/.pnpm/@powersync+web@1.16.0_@jour_7f85ee71838ad661479f0cd319363eec/node_modules/@powersync/web/lib/src/db/adapters/AbstractWebPowerSyncDatabaseOpenFactory'
} { componentStack: [Getter] }
vinxi starting dev server

:recycle:  Generating routes...
:white_check_mark: Processed routes in 180ms

Error in renderToPipeableStream: Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'C:\Dev\Repos\novel-view\node_modules\.pnpm\@powersync+web@1.16.0_@jour_7f85ee71838ad661479f0cd319363eec\node_modules\@powersync\web\libmjs:1:74)
    at nextResolve (node:internal/modules/esm/hooks:748:28)
    at o (file:///C:/Dev/Repos/novel-view/node_modules/.pnpm/@tailwindcss+node@4.1.3/node_modules/@tailwindcss/node/dist/esm-cache.loader.mjs:1:74)
    at nextResolve (node:internal/modules/esm/hooks:748:28)
    at Hooks.resolve (node:internal/modules/esm/hooks:240:30)
    at handleMessage (node:internal/modules/esm/worker:199:24) {
  code: 'ERR_MODULE_NOT_FOUND',
  url: 'file:///C:/Dev/Repos/novel-view/node_modules/.pnpm/@powersync+web@1.16.0_@jour_7f85ee71838ad661479f0cd319363eec/node_modules/@powersync/web/lib/src/db/adapters/AbstractWebPowerSyncDatabaseOpenFactory'
} { componentStack: [Getter] }
and i get this error even while having it clearly in my node modules, and it is also included in my package.json 
"@powersync/react": "^1.5.2",
"@powersync/web": "^1.16.0",
"@powersync/react": "^1.5.2",
"@powersync/web": "^1.16.0",
please ask if you need more info because i cant send longer messages here
GitHub
powersync-js/demos/react-supabase-todolist at main · powersync-ja/...
SDK that enables local-first and real-time reactive apps with embedded SQLite for JavaScript clients, including React Native and Web - powersync-ja/powersync-js
2 Replies
helpful-purple
helpful-purple•6mo ago
looks like those powersync modules are not proper ESM try this in app.config.ts 
import { defineConfig } from '@tanstack/react-start/config'
import tsConfigPaths from 'vite-tsconfig-paths'

export default defineConfig({
  vite: {
    plugins: [
      tsConfigPaths({
        projects: ['./tsconfig.json'],
      }),
    ],
    ssr: {
      noExternal: [/@powersync/]
    }
  },
})
import { defineConfig } from '@tanstack/react-start/config'
import tsConfigPaths from 'vite-tsconfig-paths'

export default defineConfig({
  vite: {
    plugins: [
      tsConfigPaths({
        projects: ['./tsconfig.json'],
      }),
    ],
    ssr: {
      noExternal: [/@powersync/]
    }
  },
})
exotic-emerald
exotic-emeraldOP•6mo ago
seems likeit
No description

Did you find this page helpful?