[vite-plugin-svelte-kit] Cannot read properties of undefined (reading 'paths') error during build

[justingolden21]

Describe the bug

When running npm run build this appears:

[vite-plugin-svelte-kit] Cannot read properties of undefined (reading 'paths') error during build

The cause is having a file with the same name and .js and .ts extensions in the same directory.

This took me three hours of my time to figure out, and I could not find a single answer anywhere online. I had to switch branches, stash, manually cut and paste hundreds of files, all because this error message was shown.

If we could instead show something along the lines of "Cannot have duplicate file names: {path/to/files}{filename} "

Reproduction

The cause is having a file with the same name and .js and .ts extensions in the same directory.

Logs

No response

System Info

Windows 10

Severity

annoyance

Additional Information

No response

[justingolden21]

Worth noting that when loading a page, it loads forever, and shows no error in console or terminal.

How I got this: I created a .js utility in an old branch, then created a similar utility as a .ts file in another branch and merged the ts branch intot the older js branch without realizing the duplicate file names. I tried killing the server, clearing cookies, local storage and cache, incognito, clearing svelte kit and other build directories, changing branches and checking diffs, and removing individual files. I tried building and found a very very long error complaining about the netlify router (which took me down a very long half hour rabbit hole).

A simple error message for this edge case would have saved three frustrating hours of my life. I hope nobody else has to go through this, which is why I create this issue. Thank you in advance.

[justingolden21]

So I removed the duplicate name file and it built perfectly, I added it back and it broke. I removed it and it was fixed, added it and it broke again. Then I added a single line to another file and it broke, and undoing the change it still broke. I still cannot figure out how to fix it. Here is the full error:

✓ 81 modules transformed.

> Using @sveltejs/adapter-netlify
[vite-plugin-svelte-kit] Cannot read properties of undefined (reading 'paths')
error during build:
TypeError: Cannot read properties of undefined (reading 'paths')
    at create_builder (file:///C:/Users/justi/Documents/GitHub/rgbstudios.github.io/node_modules/@sveltejs/kit/dist/chunks/index2.js:52:48)
    at adapt (file:///C:/Users/justi/Documents/GitHub/rgbstudios.github.io/node_modules/@sveltejs/kit/dist/chunks/index2.js:204:18)
    at Object.closeBundle (file:///C:/Users/justi/Documents/GitHub/rgbstudios.github.io/node_modules/@sveltejs/kit/dist/vite.js:3104:11)
    at async Promise.all (index 0)
    at async C:\Users\justi\Documents\GitHub\rgbstudios.github.io\node_modules\rollup\dist\shared\rollup.js:23693:13
    at async catchUnfinishedHookActions (C:\Users\justi\Documents\GitHub\rgbstudios.github.io\node_modules\rollup\dist\shared\rollup.js:23174:20)
    at async rollupInternal (C:\Users\justi\Documents\GitHub\rgbstudios.github.io\node_modules\rollup\dist\shared\rollup.js:23682:5)
    at async doBuild (C:\Users\justi\Documents\GitHub\rgbstudios.github.io\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:41710:24)
    at async build (C:\Users\justi\Documents\GitHub\rgbstudios.github.io\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:41552:16)
    at async CAC.<anonymous> (C:\Users\justi\Documents\GitHub\rgbstudios.github.io\node_modules\vite\dist\node\cli.js:738:9)

[justingolden21]

It seems like there's one result on google, and it's that imported style sheets are the issue?

#5472

If mine is duplicate, feel free to close.

I deleted my only imported style sheet and it still breaks.

[legowhales]

I am having the same problem, but the problem was a wrong import in a page that the builder was trying to prerender. I think the problem is coming from the builder itself. If there is an error somewhere during prerender, this error is thrown instead (because prerender is undefined in the create_builder function).

Maybe it has to do with this fix #5439 ?

[mvanhalen]

Have the same issue, but only when building to/for vercel.

[drmithileshkumar]

I am using adapter-node. For me the issue started after I changed name of a folder. Just to make sure, I installed everything, the problem persists, npm run dev works just fine. But npm run build does not output and crashes with

vite-plugin-svelte-kit] Cannot read properties of undefined (reading 'paths')
error during build:

[stolinski]

I am using adapter-node. For me the issue started after I changed name of a folder. Just to make sure, I installed everything, the problem persists, npm run dev works just fine. But npm run build does not output and crashes with

vite-plugin-svelte-kit] Cannot read properties of undefined (reading 'paths') error during build:

This is what we are experiencing as well. Only shows up on build, using adapter-node. reading ('paths')

[Fractal-Tess]

Have the same issue over at my end.
But I've noticed a slight difference:

• Building to a user-defined outDir rather than the default one (specified in vite.config.js) results in the error. If however no outDir is specified, I'm able to build with both static and node adapters.

[drmithileshkumar]

The problem resolved. The issue was caused by a wrong redirect making some pages inaccessible. Perhaps this made prerenderer undefined. I would suggest those facing similar problems to ensure that all pages are accessible in dev.

[Suya1671]

The problem resolved. The issue was caused by a wrong redirect making some pages inaccessible. Perhaps this made prerenderer undefined. I would suggest those facing similar problems to ensure that all pages are accessible in dev.

This issues seems to be an issue that has many causes, as my app only contains an index page and a few API routes

[AlexRMU]

In my case, there was a non-closed comment in one file

Possibly related to #5413

[Suya1671]

In my case, there was a non-closed comment in one file

Possibly related to #5413

most likely related to, I realized my fix was that I forgot to add a css file

[justingolden21]

Seems like a myriad of different problems. I still haven't figured out the cause on my end. Someone else mentioned a module not installed and another one mentioned an import.

[jonellwood]

Everything was fine in dev env for me. Build command locally worked fine as well. Build on Netlify failed. Finally found an import statement starting with a capital letter but the actual file didn't start with with a capital letter. Mac file system isn't case sensitive which is why I suspect it worked fine locally. Thats my guess anyway. Fixed import and build is good to go.

[justinengle01]

For us it was 2 issues:
I suspect number 1 would be affecting most people.

in app.d.ts
<reference types="@sveltejs/kit" />
becomes
<reference types="@sveltejs/kit/types" />

2. In our vite config, we had one of our defines contain a double quote within the string, which blows up. (the value was read from a file, so there were escaping issues. Something like "\"0.0.1\"", is an invalid define value.