Topics

Kevin Powell - Community•3mo ago

ReferenceError: Request is not defined -while setting up sveltekit project

ReferenceError: Request is not defined
    at getRequest (file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/node/index.js:107:2)
    at file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/vite/dev/index.js:497:27
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

ReferenceError: Request is not defined
    at getRequest (file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/node/index.js:107:2)
    at file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/vite/dev/index.js:497:27
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

I just setup a fresh sveltekit project, when I opened the localhost it shows me the error above in the browser. No error in terminal console. node version using - v20.12.1 And also while creating a Vue project I get this error. command: npm create vue@latest ouptut:

TypeError: (0 , import_node_util.parseArgs) is not a function
    at init (C:\Users\welcome\AppData\Local\npm-cache\_npx\2f7e7bff16d1c534\node_modules\create-vue\outfile.cjs:4481:72)
    at Object.<anonymous> (C:\Users\welcome\AppData\Local\npm-cache\_npx\2f7e7bff16d1c534\node_modules\create-vue\outfile.cjs:4862:1)
    at Module._compile (node:internal/modules/cjs/loader:1099:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47

TypeError: (0 , import_node_util.parseArgs) is not a function
    at init (C:\Users\welcome\AppData\Local\npm-cache\_npx\2f7e7bff16d1c534\node_modules\create-vue\outfile.cjs:4481:72)
    at Object.<anonymous> (C:\Users\welcome\AppData\Local\npm-cache\_npx\2f7e7bff16d1c534\node_modules\create-vue\outfile.cjs:4862:1)
    at Module._compile (node:internal/modules/cjs/loader:1099:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47

Are these errors interlinked somehow? How to solve it?

50 Replies

theoriginalandrew•3mo ago

Request is not defined definitely sounds like a Node version issue. I'm like 95% sure something changed in versions with node about how the Request package was built and then it was removed. You may need to use Node 18

JOY•3mo ago

Using 20.12.1 I reinstalled nvm But still didn't work

theoriginalandrew•3mo ago

if you use nvm you could just install a v18 and check that, but the way Requests are used changed between 16 -> 18... so if you're on 20........................................................... i shall look more assuming your machine is on 20? is your package also on 20? they can definitely be mismatched

JOY•3mo ago

I tried to setup fresh project with 20.12.1 Still showing the error

theoriginalandrew•3mo ago

when you run nvm -v in your project, what does that say?

JOY•3mo ago

1.1.12

theoriginalandrew•3mo ago

:FacePalm: i definitely thought of one thing and asked a different thing

JOY•3mo ago

Happens

theoriginalandrew•3mo ago

have you done like nvm use v20.12.1 in your project?

JOY•3mo ago

Yes sir

nvm list

  * 20.12.1 (Currently using 64-bit executable)
    20.11.0

nvm list

  * 20.12.1 (Currently using 64-bit executable)
    20.11.0

theoriginalandrew•3mo ago

:pepeSad:

JOY•3mo ago

😭why meeeee

theoriginalandrew•3mo ago

not sure it is you could very well be an issue with sveltekit or vite or something else especially if its a fresh build

JOY•3mo ago

I mean why I'm the victim of this problem I can setup a vue project either

theoriginalandrew•3mo ago

never happens in React >:)

JOY•3mo ago

Cant *

theoriginalandrew•3mo ago

can you try downgrading node to a stable v18 version and see if that works?

JOY•3mo ago

okk only for u 💅

ErickO•3mo ago

are you checking node version in the same terminal as you're running the project? AKA not using the terminal for nvm list but using the vscode terminal to run the project

theoriginalandrew•3mo ago

i googled both of the errors and both seemed to resolve on v18 so my brain says "do that" 😄 also definitely worth double checking that the versions are correct in the vsc terminal though they should match up

JOY•3mo ago

well i checked on every terminal yes i checked on vsc termianl already did, they match everywhere even in sys32 dir and even in project folder

ἔρως•3mo ago

why are you trying to do this on windows, instead of wsl?

theoriginalandrew•3mo ago

the real question is why not mac 🙂 jk

ἔρως•3mo ago

because it costs an intel and a leg not an arm, because it already has one

theoriginalandrew•3mo ago

thats a big brain response maybe its just me but for whatever reason v20 causes issues 😦

ἔρως•3mo ago

i used it in a debian vm with version 21

JOY•3mo ago

how come it works fine on my friends system

ἔρως•3mo ago

and it didnt cause any issues

JOY•3mo ago

im installing version 18 rn btw, 18.16.1

theoriginalandrew•3mo ago

we actually deleted a docker image on v20 because of a severe CVE and then it was determined that CVE messed up their flag

ἔρως•3mo ago

good question

ErickO•3mo ago

have you heard of docker?

theoriginalandrew•3mo ago

18.16.1 is my favorite 😄

JOY•3mo ago

yup, but dont want to get into it rn

ErickO•3mo ago

don't get into it, the very concept of docker should be an answer for that question

theoriginalandrew•3mo ago

besides, why do wsl when you can use the new prevew version of dev home on windows

ἔρως•3mo ago

the what?

theoriginalandrew•3mo ago

https://learn.microsoft.com/en-us/windows/dev-home/

Dev Home for Windows Developers

Dev Home is a new control center for Windows providing the ability to track your workflows and coding tasks using customizable widgets, set up your dev environment, connect to your developer accounts and tools (such as GitHub), and install apps and packages all in one place.

theoriginalandrew•3mo ago

slightly clunky but works pretty well

ErickO•3mo ago

the definition of Windows?

theoriginalandrew•3mo ago

true. this is not the case on either of my Macs

ἔρως•3mo ago

looks kinda interesting

JOY•3mo ago

still same error 😢

npm --verbose run dev
npm verb cli C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js
npm info using npm@9.5.1
npm info using node@v18.16.1
npm verb title npm run dev
npm verb argv "--loglevel" "verbose" "run" "dev"
npm verb logfile logs-max:10 dir:C:\Users\welcome\AppData\Local\npm-cache\_logs\2024-04-10T06_43_02_301Z-
npm verb logfile C:\Users\welcome\AppData\Local\npm-cache\_logs\2024-04-10T06_43_02_301Z-debug-0.log

npm --verbose run dev
npm verb cli C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js
npm info using npm@9.5.1
npm info using node@v18.16.1
npm verb title npm run dev
npm verb argv "--loglevel" "verbose" "run" "dev"
npm verb logfile logs-max:10 dir:C:\Users\welcome\AppData\Local\npm-cache\_logs\2024-04-10T06_43_02_301Z-
npm verb logfile C:\Users\welcome\AppData\Local\npm-cache\_logs\2024-04-10T06_43_02_301Z-debug-0.log

its the logs

theoriginalandrew•3mo ago

what do you mean same error? like one of the ones above?

JOY•3mo ago

yes sir

ReferenceError: Request is not defined
    at getRequest (file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/node/index.js:107:2)
    at file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/vite/dev/index.js:497:27

ReferenceError: Request is not defined
    at getRequest (file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/node/index.js:107:2)
    at file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/vite/dev/index.js:497:27

theoriginalandrew•3mo ago

you may not be alone https://github.com/vitejs/vite/discussions/15798

GitHub

ReferenceError: Request is not defined at getRequest (file:///....

Describe the bug After running npm run dev... this error persists in the localhost browser... site will not load. ReferenceError: Request is not defined at getRequest (file:///../node_modules/@svel...

theoriginalandrew•3mo ago

just skip past the "steps to reproduce" section

JOY•3mo ago

I can understand his feelings

theoriginalandrew•3mo ago

wrong one lol https://github.com/vercel/next.js/discussions/47648

GitHub

ReferenceError: Request is not defined · vercel next.js · Discussio...

Summary Hi, Suddenly my code is giving this error when deploying on Vercel. I tried tons of things to fix it but nothing seems to work. When I run it locally whether with "next dev", &quo...

theoriginalandrew•3mo ago

seems like there might be some steps in that one that could potentially solve it, but i'm not a svelte dev (just a scummy ol React dev) so i'm a bit beyond my depths when it comes to that library 😬

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

i want to do this design of cards stackinghttps://ui.dev/ Can someone give me brief guide how can i achive this how to do the design for this containerhey guys, i wanna ask if anyone is familiar with how to make a navbar with this sort of styling (the unclear and grainy background imagei downloaded this netflix background image from the web but its quite grainy and not as clear. How d [Frontend service]Feel free to message me if you have any issues. I can help you for frontend development Browser refresh on changeI want the browser to refresh automatically upon file changes. How can I achieve that? My environme How to import a folder with multiple images insideHello i am working in React and i want to import a folder with 1000+ images to use them in different help with this layout thingAttached are 2 images, NavBar is at top of the screen, component A is somewhere on the screen ( left Anchor Tag Isolation?Is it possible to limit how an anchor tag works without Java? A site I use doesn't allow Java, so I Iphone safari search in the wayhello, could somebody help with a solution to the safari search popping up when you scroll up, and t Site starts off zoomed in by 50% when on mobile, not sure why (Nextjs)I am trying to slowly make my WIP site more responsive, which I have started by applying Kevin's pri