ray
48 lines
1.5 KiB
Markdown
48 lines
1.5 KiB
Markdown
# Vite Dev Server Setup
|
|
|
|
## Config
|
|
|
|
`vite.config.ts` in project root. Key sections:
|
|
|
|
```ts
|
|
export default defineConfig({
|
|
plugins: [react(), tailwindcss()],
|
|
optimizeDeps: {
|
|
exclude: ['pocketbase'], // REQUIRED: SDK uses `import` as method name, breaks esbuild pre-bundle
|
|
},
|
|
server: {
|
|
proxy: {
|
|
'/pb': {
|
|
target: 'http://127.0.0.1:8091',
|
|
changeOrigin: true,
|
|
rewrite: (path) => path.replace(/^\/pb/, ''), // REQUIRED: strip /pb prefix
|
|
},
|
|
'/deepseek': {
|
|
target: 'http://127.0.0.1:11434',
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
})
|
|
```
|
|
|
|
## PocketBase SDK + Vite Compatibility
|
|
|
|
PocketBase SDK v0.27.0 uses `import` as a method name (`async import(e, t, s)` in CollectionService). Vite's esbuild pre-bundler leaves it as-is, and browsers reject `import(` as invalid syntax in module scope.
|
|
|
|
**Fix**: `optimizeDeps: { exclude: ['pocketbase'] }` — tells Vite to serve the raw ESM file. The raw ESM also has `async import(` at position 28540, so the source file needs patching too:
|
|
```bash
|
|
sed -i 's/async import(/async _import(/g' node_modules/pocketbase/dist/pocketbase.es.mjs
|
|
```
|
|
|
|
This rename doesn't break functionality since it's an internal method name.
|
|
|
|
## Starting the server
|
|
```bash
|
|
cd /mnt/seagate8tb/Websites/ShopProQuote.backup-20260626-2058/spq-v2
|
|
npx vite --host 0.0.0.0 --port 5173
|
|
```
|
|
Then: `http://localhost:5173` or `http://192.168.50.98:5173`
|
|
|
|
To kill: `pkill -f "node.*vite"` (NOT `pkill node` which kills the shell too)
|