Update Svelte version to fit current Vite version #293
Conversation
capripot
force-pushed
the
ronan/update-svelte
branch
from
388a887 to
f8ff461
Compare
| - "svelte@5" | ||
| - "@sveltejs/vite-plugin-svelte" | ||
| - "vite@latest" | ||
| - "@sveltejs/vite-plugin-svelte@4" |
There was a problem hiding this comment.
Last version compatible with Vite 5
There was a problem hiding this comment.
I don't think vite ruby cares about version of vite, I personally use Vite 7 in production for quite some time. what's the issue exactly?
There was a problem hiding this comment.
By default when installing on last Rails, when starting bin/dev, vite will crash with the following error:
13:18:31 vite.1 | failed to load config from /Users/capripot/Developer/src/github.com/capripot/inertia-ssr2-test-ts/vite.config.ts
13:18:31 vite.1 | error when starting dev server:
13:18:31 vite.1 | Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@sveltejs/vite-plugin-svelte' imported from /Users/capripot/Developer/src/github.com/capripot/inertia-ssr2-test-ts/vite.config.ts.timestamp-1763846311646-4cf5869104465.mjs
13:18:31 vite.1 | at Object.getPackageJSONURL (node:internal/modules/package_json_reader:267:9)
13:18:31 vite.1 | at packageResolve (node:internal/modules/esm/resolve:768:81)
13:18:31 vite.1 | at moduleResolve (node:internal/modules/esm/resolve:854:18)
13:18:31 vite.1 | at defaultResolve (node:internal/modules/esm/resolve:984:11)
13:18:31 vite.1 | at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:780:12)
13:18:31 vite.1 | at #cachedDefaultResolve (node:internal/modules/esm/loader:704:25)
13:18:31 vite.1 | at ModuleLoader.resolve (node:internal/modules/esm/loader:687:38)
13:18:31 vite.1 | at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:305:38)
13:18:31 vite.1 | at ModuleJob._link (node:internal/modules/esm/module_job:137:49)
13:18:31 vite.1 | exited with code 1
Because the packages for Svelte added during the generation are not compatible with vite@latest. It can be reproduced removing --silent flag from the line installing the packages:
$ npm add @inertiajs/svelte@latest svelte@5 @sveltejs/vite-plugin-svelte vite@latest
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: undefined@undefined
npm error Found: [email protected]
npm error node_modules/vite
npm error dev vite@"7.2.4" from the root project
npm error
npm error Could not resolve dependency:
npm error peer vite@"^6.0.0" from @sveltejs/[email protected]
npm error node_modules/@sveltejs/vite-plugin-svelte
npm error @sveltejs/vite-plugin-svelte@"*" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/capripot/Developer/src/github.com/capripot/inertia_rails/tmp/npm_cache/_logs/2025-11-23T03_54_09_412Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/capripot/Developer/src/github.com/capripot/inertia_rails/tmp/npm_cache/_logs/2025-11-23T03_54_09_412Z-debug-0.log
Also, I think the generator should fail when npm is not able to install the packages. 😅
There was a problem hiding this comment.
Just tried to install svelte and it works absolutely fine to me, is there a chance you are using old-ish node version that doesn't support older vite/@sveltejs/vite-plugin-svelte etc?
rails -v
Rails 8.1.1
node -v
v22.20.0
# also steps that I used to try to repro:
rails new -J foo
cd foo
bundle add inertia_rails
bin/rails g inertia:install --vite --tailwind --typescript --framework=svelte
bin/dev
There was a problem hiding this comment.
If that's the case, it's still a bug, but a better fix is to batch all deps installation together in one step, I actually have this in the workings.
2 participants
ruby_viteis not updated to Vite 7 yet, so the latest versions do not work very well. Hopefully it will be addressed.In the meantime, this change will be pinning to older versions for Svelte.