Could not resolve "vike-react/config" [plugin vike-esbuild]

[jordyalcides]

Description

Describe the bug
After starting a new project with the command pnpm create @batijs/app --react, installing dependencies and running dev mode the console shows an error
[vike][config] Failed to transpile /pages/+config.ts because:
✘ [ERROR] Could not resolve "vike-react/config" [plugin vike-esbuild]

To Reproduce
Steps to reproduce the behavior, run the following commands in order:
pnpm create @batijs/app --react
cd my-app
pnpm i && pnpm run dev

Expected behavior
Run dev mode without any errors

Screenshots

Additional context
Using macOS Ventura 13.6.6, also I have updated node, pnpm, typescript and all libs versions to match the versions on stackblitz demo (which I know works), still the problem persists. I also tried installing the dependencies from the stackblitz lockfile.

[brillout]

I cannot reproduce. What's your Node.js version?

[jordyalcides]

node version: v18.20.3
pnpm version: 9.4.0

[brillout]

Does it work with a newer Node.js version such as Node 20?

[jordyalcides]

also no, just tried it

[brillout]

Hm, I cannot reproduce with:

pnpm create @batijs/app --react
cd my-app
pnpm i && pnpm run dev

Then go to http://localhost:3000, see the page, then click on the counter. No errors at all.

node -v
v20.12.2
pnpm -v
9.4.0

[jordyalcides]

here with the error the page just doesn't load, the file it is failing to transpile is the vike-react configs

[brillout]

You're the only one reporting this issue, so I'm inclined to think it's some kind of issue with your setup? Are you doing something unusual?

[magne4000]

Someone had the exact same issue not so long ago https://discord.com/channels/1105779924658303058/1125707822705938454/1249389970636931264

We didn't find what was wrong, but it seems to work when using yarn... 🤷

[jordyalcides]

I also asked other people to try and it only happens here, I'm inclined to think it may have something to do with my version of typescript, but i tried other version and nothing changes

[jordyalcides]

Someone had the exact same issue not so long ago https://discord.com/channels/1105779924658303058/1125707822705938454/1249389970636931264

We didn't find what was wrong, but it seems to work when using yarn... 🤷

I will try with yarn

[brillout]

👍 Keep us updated, would be nice to get to the bottom of this 👀

[jordyalcides]

I tried with yarn and no success.
Also I remove all my package managers, nvm and node itself, purged everything and made a clean install from the zero and I am still getting the same error.

[brillout]

Hm, I ain't sure how I can debug this without a reproduction.

I guess the only thing left we can do here is for you to dig into the code... in case you're up for it:

• https://vike.dev/errors#verbose
• https://vike.dev/debug#dig
• https://github.com/vikejs/vike/blob/main/vike/node/plugin/plugins/importUserCode/v1-design/getVikeConfig/transpileAndExecuteFile.ts and you can directly play with node_modules/vike/dist/esm/node/plugin/plugins/importUserCode/v1-design/getVikeConfig/transpileAndExecuteFile.js

[brillout]

What's your $ pwd? Maybe your path contains some unusual character?

[jordyalcides]

What's your $ pwd? Maybe your path contains some unusual character?

/Users/jordy/projects/wisefy-repos/moonpass-io/my-app

doesnt seem to have anything unusual

[brillout]

Yea, nothing unusual.

…

On Thu 4. Jul 2024 at 17:43, Jordy Alcides ***@***.***> wrote: What's your $ pwd? Maybe your path contains some unusual character? /Users/jordy/projects/wisefy-repos/moonpass-io/my-app doesnt seem to have anything unusual — Reply to this email directly, view it on GitHub <#1729 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAHVQRQOCCVQCIVZM4ISG4LZKVUS5AVCNFSM6AAAAABKKKIIYSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMBZGI2TSNZZG4> . You are receiving this because you commented.Message ID: ***@***.***>

[jordyalcides]

I tried two things that worked successfuly:

• Running the project in a Dockerfile
• Running the project with a new user

it seems that something is up with my user, and I don't know what could be.
I tried hard deleting any pnpm caches I found on the normal path, but no success.

[jordyalcides]

I tried using the absolute path for the config file inside the node_modules and I get this error:

not sure if it rings any bells to you, but I will try to dig into the code as you suggested

[magne4000]

Something to do with your environment variables perhaps?

[brillout]

It’s expected, as you‘re not supposed to import absolute paths.

…

On Thu 4. Jul 2024 at 17:50, Jordy Alcides ***@***.***> wrote: I tried using the absolute path for the config file inside the node_modules and I get this error: Screenshot.2024-07-04.at.12.48.12.png (view on web) <https://github.com/vikejs/vike/assets/9451041/5e89ec44-000c-43ee-8d97-2dac5b9f8dbf> not sure if it rings any bells to you, but I will try to dig into the code as you suggested — Reply to this email directly, view it on GitHub <#1729 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAHVQRVOFCUY2VUPWI6SOVTZKVVNPAVCNFSM6AAAAABKKKIIYSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMBZGI3DSMZRHE> . You are receiving this because you commented.Message ID: ***@***.***>

[jordyalcides]

Something to do with your environment variables perhaps?

not sure since only one import is giving any errors so far

[brillout]

@jordyalcides Actually, if you provide the debug logs DEBUG=vike:pointer-imports pnpm run dev then this would be very insightful, this may very well give the information I need to further debug this.

[brillout]

I'll re-open once I get more information.

[brillout]

I've a couple of ideas how we can debug this, so definitely let me know if someone else runs into this issue.

@jordyalcides Let me know if you're still interested in trying to debug this.

[jordyalcides]

Sorry, I got caught up at work, we are using vike on this new project here, so I created a new profile on my mac to speed up things, but I still want to understand what is going wrong.

I also bumped into a new bug here using the vike-react-query plugin, just reported it.

[jordyalcides]

@jordyalcides Actually, if you provide the debug logs DEBUG=vike:pointer-imports pnpm run dev then this would be very insightful, this may very well give the information I need to further debug this.

I will let you know as soon as I try it here

[brillout]

👍 Looking forward to it.