How to run a Sveltekit project from another directory?

[alexbjorlig]

I'm trying to run the vite devserver from another directory.

Essentially

1. npm create svelte@latest my-app
2. cd my-app
3. npm i
4. cd .. && npx vite dev my-app

This starts the vite dev server, with a couple of warnings:

Forced re-optimization of dependencies
Failed to resolve dependency: svelte/animate, present in 'optimizeDeps.include'
Failed to resolve dependency: svelte/easing, present in 'optimizeDeps.include'
Failed to resolve dependency: svelte/internal, present in 'optimizeDeps.include'
Failed to resolve dependency: svelte/motion, present in 'optimizeDeps.include'
Failed to resolve dependency: svelte/store, present in 'optimizeDeps.include'
Failed to resolve dependency: svelte/transition, present in 'optimizeDeps.include'
Failed to resolve dependency: svelte, present in 'optimizeDeps.include'

  VITE v3.2.4  ready in 805 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose

The following Vite config options will be overridden by SvelteKit:
  - root

When I try to visit port 5173 in the browser, I also get an error:

Error: Cannot find module 'svelte/internal' imported from '/Users/alexbjorlig/Documents/.svelte-kit/generated/root.svelte'
    at viteResolve (file:///Users/alexbjorlig/.npm/_npx/9ed06546b0653f96/node_modules/vite/dist/node/chunks/dep-67e7f8ab.js:53087:25)
    at nodeImport (file:///Users/alexbjorlig/.npm/_npx/9ed06546b0653f96/node_modules/vite/dist/node/chunks/dep-67e7f8ab.js:53124:15)
    at ssrImport (file:///Users/alexbjorlig/.npm/_npx/9ed06546b0653f96/node_modules/vite/dist/node/chunks/dep-67e7f8ab.js:53012:20)
    at eval (/.svelte-kit/generated/root.svelte:4:37)
    at instantiateModule (file:///Users/alexbjorlig/.npm/_npx/9ed06546b0653f96/node_modules/vite/dist/node/chunks/dep-67e7f8ab.js:53058:15)

What is going on here - is it impossible to start the Sveltkit server from another directory?

(The underlying reason for this is that we have a mono-repo, and I would like some of our e2e and integration tests to live in another package. But it seems like I might have to re-think that now 😅 )

[mavdotj]

im not sure if its possible to start the dev server from another directory but I know if you are using adapter-node you can build the app and use sveltekit as an express middleware by importing handler.js from the build dir

[axel7083]

i am facing the same problem, we have several packages in our monorepo (electron application) and I wanted to experiment with sveltekit, but I am facing the problem where I cannot create a vite server from the root of the repo.

> const vite = require("vite");
> const server = await vite.createServer({configFile: "packages/renderer.experimental/vite.config.ts" });
The following Vite config options will be overridden by SvelteKit:
  - root
src\app.html does not exist
undefined
> await server.listen()

Then on the browser I am getting the same error as mention above

Error: Cannot find module '__SERVER__/internal.js' imported from '/node_modules/@sveltejs/kit/src/runtime/server/index.js'
    at nodeImport (file:////node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:53047:19)
    at ssrImport (file:////node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52914:22)
    at eval (/node_modules/@sveltejs/kit/src/runtime/server/index.js:5:37)
    at async instantiateModule (file:////node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:52972:5)