Error Failed To Load Config In Creating New Project With TypeScript

[fuji-184]

Describe the bug

I created a new project using npx sv create, choosing the barebone template with TypeScript, Tailwind CSS, Tailwind Typography, Tailwind Forms, and the NPM package manager. Then I encountered this error when running npm run dev.

WARNING] Cannot find base config file "./.svelte-kit/tsconfig.json" [tsconfig.json]

    tsconfig.json:2:12:
      2 │   "extends": "./.svelte-kit/tsconfig.json",
        ╵              ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

failed to load config from D:\svelte\test\vite.config.ts
error when starting dev server:
Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'D:\svelte\test\node_modules\@jridgewell\gen-mapping\dist\gen-mapping.mjs' imported from D:\svelte\test\node_modules\@a
mpproject\remapping\dist\remapping.mjs

Reproduction

Edit : The link is updated, here is the detail video of what I did :

https://www.awesomescreenshot.com/video/34488783?key=26879d8f9a09ed0ca6041202fedb095c

Logs

No response

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (8) x64 Intel(R) Core(TM) i5-1035G1 CPU @ 1.00GHz
    Memory: 12.50 GB / 19.80 GB
  Binaries:
    Node: 20.18.0 - D:\System\Node JS\node.EXE
    npm: 10.8.0 - D:\System\Node JS\npm.CMD
    pnpm: 9.12.2 - ~\AppData\Roaming\npm\pnpm.CMD
    bun: 1.1.30 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (127.0.2651.86)
  npmPackages:
    svelte: ^5.0.0 => 5.10.0

Severity

blocking all usage of svelte

[paoloricciuti]

This is expected, the tsconfig is generated while you run the project so the first time you'll see this warning. However like the header says it's a warning and you can start the application just fine. Thanks for reporting tho 😄

[fuji-184]

@paoloricciuti I still couln't start the project sir using npm run dev. I just updated the video sir for investigating

[fuji-184]

@paoloricciuti It said error like this :

failed to load config from D:\svelte\test2\vite.config.ts
error when starting dev server:
Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'D:\svelte\test2\node_modules@jridgewell\gen-mapping\dist\gen-mapping.mjs' imported from D:\svelte\test2\node_modules
@ampproject\remapping\dist\remapping.mjs
at finalizeResolution (node:internal/modules/esm/resolve:265:11)
at moduleResolve (node:internal/modules/esm/resolve:933:10)
at defaultResolve (node:internal/modules/esm/resolve:1169:11)
at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:542:12)
at ModuleLoader.resolve (node:internal/modules/esm/loader:510:25)
at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:239:38)
at ModuleWrap. (node:internal/modules/esm/module_job:96:40)
at link (node:internal/modules/esm/module_job:95:36)

[grj1997]

failed to load config from E:\各种代码测试\my-sveltekit-app\vite.config.ts
error when starting dev server:
Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'E:\各种代码测试\my-sveltekit-app\node_modules.pnpm@ampproject+remapping@2.3.0\node_modules@jridgewell\gen-mapping\dist\gen-mappingimported from E:\各种代码测试\my-sveltekit-app\node_modules.pnpm@ampproject+remapping@2.3.0\node_modules@ampproject\remapping\dist\remapping.mjs

[paoloricciuti]

The issue is with this library jridgewell/gen-mapping#14

Duplicate issue on sveltekit sveltejs/kit#13134 (comment)

[fuji-184]

@paoloricciuti So what is the solution sir so that I can run the development server. Because the library was installed by SvelteKit itself by default, I haven't installed any libraries on my own. I just created a fresh project and ran npm run dev