Importing wrangler Error

E

Erisa•4/25/24, 12:29 AM

Sounds like

wrangler

wrangler

isn't installed in the project? e.g. it should show in

package.json

package.json

and be installed with

npm install wrangler --save-dev

npm install wrangler --save-dev

as per https://developers.cloudflare.com/workers/wrangler/install-and-update/

EErisa Sounds like `wrangler` isn't installed in the project? e.g. it should show in `p...

X

xoruOP•4/25/24, 2:02 AM

Oh, okay thank you! how can I install it?

E

Erisa•4/25/24, 2:05 AM

With the command

npm install wrangler --save-dev

npm install wrangler --save-dev

in the local project directory, as referenced on the above documentation link

EErisa With the command `npm install wrangler --save-dev` in the local project director...

X

xoruOP•4/25/24, 2:06 AM

Oh okay, sorry I am not a developer my friend gave me the source code as he is sick in the hospital and wanted me to get it all up for him which has been so stressfull

EErisa With the command `npm install wrangler --save-dev` in the local project director...

X

xoruOP•4/25/24, 2:09 AM

How can I get to the local project directory?

E

Erisa•4/25/24, 2:14 AM

You need to open a terminal in whatever folder on your computer holds the local clone of the project repository. It's quite hard to give generic advice on a beginner topic like this as it depends entirely on how you setup the project originally, so I recommend backtracking through the steps where you initially deployed this project. If it exists on GitHub but you don't have a local copy then you need to clone it, you can research online to learn how to clone and commit changes back to a github repo. For more information about

npm

npm

and nodejs, you can check the documentation link I shared above and the links it references itself.

X

xoruOP•4/26/24, 8:13 PM

Hey @Erisa

X

xoruOP•4/26/24, 8:14 PM

So I did that I added the wrangler

X

xoruOP•4/26/24, 8:14 PM

But then I got this error

X

xoruOP•4/26/24, 8:14 PM

2024-04-26T20:08:21.93094Z Cloning repository...
2024-04-26T20:08:22.976591Z From https://github.com/loki-lol/website
2024-04-26T20:08:22.977282Z * branch b8f2c09adfe79e514481aca5a82f49a2d7f26749 -> FETCH_HEAD
2024-04-26T20:08:22.977397Z
2024-04-26T20:08:23.028234Z HEAD is now at b8f2c09 Update package.json
2024-04-26T20:08:23.028628Z
2024-04-26T20:08:23.112011Z
2024-04-26T20:08:23.112547Z Using v2 root directory strategy
2024-04-26T20:08:23.138709Z Success: Finished cloning repository files
2024-04-26T20:08:24.848996Z Checking for configuration in a wrangler.toml configuration file (BETA)
2024-04-26T20:08:24.849573Z
2024-04-26T20:08:24.944514Z No wrangler.toml file found. Continuing.
2024-04-26T20:08:25.090224Z Invalid JSON data in package.json file
2024-04-26T20:08:25.091054Z Detected the following tools from environment: npm@9.6.7, nodejs@18.17.1
2024-04-26T20:08:25.091242Z Installing project dependencies: npm clean-install --progress=false
2024-04-26T20:08:26.261318Z npm ERR! code EJSONPARSE
2024-04-26T20:08:26.261518Z npm ERR! path /opt/buildhome/repo/package.json
2024-04-26T20:08:26.263423Z npm ERR! JSON.parse Unexpected token "/" (0x2F) in JSON at position 1298 while parsing near "...gler-js": "^0.1.11" // Added wrangler-js..."
2024-04-26T20:08:26.263797Z npm ERR! JSON.parse Failed to parse JSON data.
2024-04-26T20:08:26.264045Z npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript.
2024-04-26T20:08:26.265533Z
2024-04-26T20:08:26.265666Z npm ERR! A complete log of this run can be found in: /opt/buildhome/.npm/_logs/2024-04-26T20_08_25_789Z-debug-0.log
2024-04-26T20:08:26.274731Z Error: Exit with error code: 1
2024-04-26T20:08:26.27496Z at ChildProcess.<anonymous> (/snapshot/dist/run-build.js)
2024-04-26T20:08:26.275135Z at Object.onceWrapper (node:events:652:26)
2024-04-26T20:08:26.275245Z at ChildProcess.emit (node:events:537:28)
2024-04-26T20:08:26.275311Z at ChildProcess._handle.onexit (node:internal/child_process:291:12)
2024-04-26T20:08:26.286324Z Failed: build command exited with code: 1
2024-04-26T20:08:27.3638Z Failed: error occurred while running build command

X

xoruOP•4/26/24, 8:14 PM

E

Erisa•4/26/24, 8:15 PM

Your

package.json

package.json

contains comments (bits starting

//

//

) which aren't a valid thing in json, also not sure why you have

wrangler-js

wrangler-js

and not

wrangler

wrangler

?

EErisa Your `package.json` contains comments (bits starting `//` ) which aren't a valid...

X

xoruOP•4/26/24, 8:24 PM

Oh?

X

xoruOP•4/26/24, 8:24 PM

This was it before

X

xoruOP•4/26/24, 8:24 PM

{
"name": "betrayal.lol",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"test": "playwright test",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"test:unit": "vitest",
"lint": "prettier --plugin-search-dir . --check . && eslint .",
"format": "prettier --plugin-search-dir . --write ."
},
"devDependencies": {
"@playwright/test": "^1.28.1",
"@poppanator/sveltekit-svg": "^2.1.2",
"@supabase/auth-helpers-sveltekit": "^0.8.6",
"@supabase/supabase-js": "^2.1.3",
"@sveltejs/adapter-auto": "next",
"@sveltejs/kit": "^1.30.4",
"@typescript-eslint/eslint-plugin": "^5.45.0",
"@typescript-eslint/parser": "^5.45.0",
"autoprefixer": "^10.4.7",
"axios": "^1.3.4",
"eslint": "^8.28.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-svelte3": "^4.0.0",
"prettier": "^2.8.0",
"prettier-plugin-svelte": "^2.8.1",
"sass": "^1.57.1",
"svelte": "^3.54.0",
"svelte-check": "^2.9.2",
"svelte-turnstile": "^0.3.1",
"tslib": "^2.4.1",
"typescript": "^4.9.3",
"vite": "^4.0.0",
"vitest": "^0.25.3"
},
"dependencies": {
"@fortawesome/free-brands-svg-icons": "^6.2.1",
"@fortawesome/free-solid-svg-icons": "^6.2.1",
"@sveltejs/adapter-cloudflare": "^4.2.0",
"svelte-fa": "^3.0.3",
"sveltestrap": "^5.10.0"
},
"type": "module"
}

X

xoruOP•4/26/24, 8:25 PM

I asked Chat GPT: intergrate the code from https://unpkg.com/browse/wrangler-js@0.1.11/package.json to my original package.json (then pasted what I just sent you above^)

UNPKG - wrangler-js

The CDN for wrangler-js

X

xoruOP•4/26/24, 8:25 PM

And it gave me this : {
"name": "betrayal.lol",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"test": "playwright test",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"test:unit": "vitest",
"lint": "prettier --plugin-search-dir . --check . && eslint .",
"format": "prettier --plugin-search-dir . --write ."
},
"devDependencies": {
"@playwright/test": "^1.28.1",
"@poppanator/sveltekit-svg": "^2.1.2",
"@supabase/auth-helpers-sveltekit": "^0.8.6",
"@supabase/supabase-js": "^2.1.3",
"@sveltejs/adapter-auto": "next",
"@sveltejs/kit": "^1.30.4",
"@typescript-eslint/eslint-plugin": "^5.45.0",
"@typescript-eslint/parser": "^5.45.0",
"autoprefixer": "^10.4.7",
"axios": "^1.3.4",
"eslint": "^8.28.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-svelte3": "^4.0.0",
"prettier": "^2.8.0",
"prettier-plugin-svelte": "^2.8.1",
"sass": "^1.57.1",
"svelte": "^3.54.0",
"svelte-check": "^2.9.2",
"svelte-turnstile": "^0.3.1",
"tslib": "^2.4.1",
"typescript": "^4.9.3",
"vite": "^4.0.0",
"vitest": "^0.25.3",
"wrangler-js": "^0.1.11" // Added wrangler-js to devDependencies
},
"dependencies": {
"@fortawesome/free-brands-svg-icons": "^6.2.1",
"@fortawesome/free-solid-svg-icons": "^6.2.1",
"@sveltejs/adapter-cloudflare": "^4.2.0",
"svelte-fa": "^3.0.3",
"sveltestrap": "^5.10.0"
},
"type": "module"
}

X

xoruOP•4/26/24, 8:25 PM

What should I do @Erisa?

E

Erisa•4/26/24, 8:26 PM

You shouldn't use chatgpt for this

X

xoruOP•4/26/24, 8:26 PM

Oh I'm sorry.

E

Erisa•4/26/24, 8:26 PM

wrangler-js is not the right package, that is not the right process and it messed up your package.json

E

Erisa•4/26/24, 8:26 PM

the correct process is explained on https://developers.cloudflare.com/workers/wrangler/install-and-update/

EErisa wrangler-js is not the right package, that is not the right process and it messe...

X

xoruOP•4/26/24, 8:27 PM

Could I hire you to do it? Ill pay you $20

X

xoruOP•4/26/24, 8:27 PM

I'm really confused

E

Erisa•4/26/24, 8:28 PM

No, I won't be doing that sorry

X

xoruOP•4/26/24, 8:28 PM

Oh

X

xoruOP•4/26/24, 8:28 PM

Do you know anyone who could do it for pay?

X

xoruOP•4/26/24, 8:28 PM

As this is really stressful

EErisa No, I won't be doing that sorry

X

xoruOP•4/26/24, 8:28 PM

And I keep messing it up

X

xoruOP•4/26/24, 8:29 PM

Unless there is an easy fix that I am missing.

I

Isaac McFadyen•4/26/24, 8:32 PM

You need to change your package.json to the following:

{
    "name": "betrayal.lol",
    "version": "0.0.1",
    "private": true,
    "scripts": {
        "dev": "vite dev",
        "build": "vite build",
        "preview": "vite preview",
        "test": "playwright test",
        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
        "test:unit": "vitest",
        "lint": "prettier --plugin-search-dir . --check . && eslint .",
        "format": "prettier --plugin-search-dir . --write ."
    },
    "devDependencies": {
        "@playwright/test": "^1.28.1",
        "@poppanator/sveltekit-svg": "^2.1.2",
        "@supabase/auth-helpers-sveltekit": "^0.8.6",
        "@supabase/supabase-js": "^2.1.3",
        "@sveltejs/adapter-auto": "next",
        "@sveltejs/kit": "^1.30.4",
        "@typescript-eslint/eslint-plugin": "^5.45.0",
        "@typescript-eslint/parser": "^5.45.0",
        "autoprefixer": "^10.4.7",
        "axios": "^1.3.4",
        "eslint": "^8.28.0",
        "eslint-config-prettier": "^8.5.0",
        "eslint-plugin-svelte3": "^4.0.0",
        "prettier": "^2.8.0",
        "prettier-plugin-svelte": "^2.8.1",
        "sass": "^1.57.1",
        "svelte": "^3.54.0",
        "svelte-check": "^2.9.2",
        "svelte-turnstile": "^0.3.1",
        "tslib": "^2.4.1",
        "typescript": "^4.9.3",
        "vite": "^4.0.0",
        "vitest": "^0.25.3",
        "wrangler": "^3.52.0"
    },
    "dependencies": {
        "@fortawesome/free-brands-svg-icons": "^6.2.1",
        "@fortawesome/free-solid-svg-icons": "^6.2.1",
        "@sveltejs/adapter-cloudflare": "^4.2.0",
        "svelte-fa": "^3.0.3",
        "sveltestrap": "^5.10.0"
    },
    "type": "module"
}

{
    "name": "betrayal.lol",
    "version": "0.0.1",
    "private": true,
    "scripts": {
        "dev": "vite dev",
        "build": "vite build",
        "preview": "vite preview",
        "test": "playwright test",
        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
        "test:unit": "vitest",
        "lint": "prettier --plugin-search-dir . --check . && eslint .",
        "format": "prettier --plugin-search-dir . --write ."
    },
    "devDependencies": {
        "@playwright/test": "^1.28.1",
        "@poppanator/sveltekit-svg": "^2.1.2",
        "@supabase/auth-helpers-sveltekit": "^0.8.6",
        "@supabase/supabase-js": "^2.1.3",
        "@sveltejs/adapter-auto": "next",
        "@sveltejs/kit": "^1.30.4",
        "@typescript-eslint/eslint-plugin": "^5.45.0",
        "@typescript-eslint/parser": "^5.45.0",
        "autoprefixer": "^10.4.7",
        "axios": "^1.3.4",
        "eslint": "^8.28.0",
        "eslint-config-prettier": "^8.5.0",
        "eslint-plugin-svelte3": "^4.0.0",
        "prettier": "^2.8.0",
        "prettier-plugin-svelte": "^2.8.1",
        "sass": "^1.57.1",
        "svelte": "^3.54.0",
        "svelte-check": "^2.9.2",
        "svelte-turnstile": "^0.3.1",
        "tslib": "^2.4.1",
        "typescript": "^4.9.3",
        "vite": "^4.0.0",
        "vitest": "^0.25.3",
        "wrangler": "^3.52.0"
    },
    "dependencies": {
        "@fortawesome/free-brands-svg-icons": "^6.2.1",
        "@fortawesome/free-solid-svg-icons": "^6.2.1",
        "@sveltejs/adapter-cloudflare": "^4.2.0",
        "svelte-fa": "^3.0.3",
        "sveltestrap": "^5.10.0"
    },
    "type": "module"
}

{
    "name": "betrayal.lol",
    "version": "0.0.1",
    "private": true,
    "scripts": {
        "dev": "vite dev",
        "build": "vite build",
        "preview": "vite preview",
        "test": "playwright test",
        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
        "test:unit": "vitest",
        "lint": "prettier --plugin-search-dir . --check . && eslint .",
        "format": "prettier --plugin-search-dir . --write ."
    },
    "devDependencies": {
        "@playwright/test": "^1.28.1",
        "@poppanator/sveltekit-svg": "^2.1.2",
        "@supabase/auth-helpers-sveltekit": "^0.8.6",
        "@supabase/supabase-js": "^2.1.3",
        "@sveltejs/adapter-auto": "next",
        "@sveltejs/kit": "^1.30.4",
        "@typescript-eslint/eslint-plugin": "^5.45.0",
        "@typescript-eslint/parser": "^5.45.0",
        "autoprefixer": "^10.4.7",
        "axios": "^1.3.4",
        "eslint": "^8.28.0",
        "eslint-config-prettier": "^8.5.0",
        "eslint-plugin-svelte3": "^4.0.0",
        "prettier": "^2.8.0",
        "prettier-plugin-svelte": "^2.8.1",
        "sass": "^1.57.1",
        "svelte": "^3.54.0",
        "svelte-check": "^2.9.2",
        "svelte-turnstile": "^0.3.1",
        "tslib": "^2.4.1",
        "typescript": "^4.9.3",
        "vite": "^4.0.0",
        "vitest": "^0.25.3",
        "wrangler": "^3.52.0"
    },
    "dependencies": {
        "@fortawesome/free-brands-svg-icons": "^6.2.1",
        "@fortawesome/free-solid-svg-icons": "^6.2.1",
        "@sveltejs/adapter-cloudflare": "^4.2.0",
        "svelte-fa": "^3.0.3",
        "sveltestrap": "^5.10.0"
    },
    "type": "module"
}

{
    "name": "betrayal.lol",
    "version": "0.0.1",
    "private": true,
    "scripts": {
        "dev": "vite dev",
        "build": "vite build",
        "preview": "vite preview",
        "test": "playwright test",
        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
        "test:unit": "vitest",
        "lint": "prettier --plugin-search-dir . --check . && eslint .",
        "format": "prettier --plugin-search-dir . --write ."
    },
    "devDependencies": {
        "@playwright/test": "^1.28.1",
        "@poppanator/sveltekit-svg": "^2.1.2",
        "@supabase/auth-helpers-sveltekit": "^0.8.6",
        "@supabase/supabase-js": "^2.1.3",
        "@sveltejs/adapter-auto": "next",
        "@sveltejs/kit": "^1.30.4",
        "@typescript-eslint/eslint-plugin": "^5.45.0",
        "@typescript-eslint/parser": "^5.45.0",
        "autoprefixer": "^10.4.7",
        "axios": "^1.3.4",
        "eslint": "^8.28.0",
        "eslint-config-prettier": "^8.5.0",
        "eslint-plugin-svelte3": "^4.0.0",
        "prettier": "^2.8.0",
        "prettier-plugin-svelte": "^2.8.1",
        "sass": "^1.57.1",
        "svelte": "^3.54.0",
        "svelte-check": "^2.9.2",
        "svelte-turnstile": "^0.3.1",
        "tslib": "^2.4.1",
        "typescript": "^4.9.3",
        "vite": "^4.0.0",
        "vitest": "^0.25.3",
        "wrangler": "^3.52.0"
    },
    "dependencies": {
        "@fortawesome/free-brands-svg-icons": "^6.2.1",
        "@fortawesome/free-solid-svg-icons": "^6.2.1",
        "@sveltejs/adapter-cloudflare": "^4.2.0",
        "svelte-fa": "^3.0.3",
        "sveltestrap": "^5.10.0"
    },
    "type": "module"
}

I

Isaac McFadyen•4/26/24, 8:33 PM

Don't add anything else, just that package.json.

I

Isaac McFadyen•4/26/24, 8:33 PM

In the future just keep in mind that ChatGPT is not very good at code (especially GPT3.5) and will often give you incorrect, misleading, or outright false information.

X

xoruOP•4/26/24, 8:33 PM

Do I just copy that and replace it on github?

IIsaac McFadyen In the future just keep in mind that ChatGPT is not very good at code (especiall...

X

xoruOP•4/26/24, 8:33 PM

Ah

Xxoru Do I just copy that and replace it on github?

I

Isaac McFadyen•4/26/24, 8:33 PM

Replace it completely, yes.

X

xoruOP•4/26/24, 8:33 PM

Okay, thank you.

IIsaac McFadyen Replace it completely, yes.

X

xoruOP•4/26/24, 8:33 PM

OKay, let me do that.

X

xoruOP•4/26/24, 8:39 PM

It's been stuck on this for 4 minutes is that bad?

I

Isaac McFadyen•4/26/24, 8:39 PM

Nope, just got to be patient

X

xoruOP•4/26/24, 8:39 PM

Ah, okay !

I

Isaac McFadyen•4/26/24, 8:39 PM

If it's stuck a while longer you can stop and restart the build

X

xoruOP•4/26/24, 8:39 PM

Just making sure

IIsaac McFadyen If it's stuck a while longer you can stop and restart the build

X

xoruOP•4/26/24, 8:39 PM

Alright, ill wait for about 3 more miuntes.

IIsaac McFadyen If it's stuck a while longer you can stop and restart the build

X

xoruOP•4/26/24, 8:41 PM

Stuck there with this;

I

Isaac McFadyen•4/26/24, 8:41 PM

K, try restarting the build.

IIsaac McFadyen K, try restarting the build.

X

xoruOP•4/26/24, 8:42 PM

Okay.

IIsaac McFadyen K, try restarting the build.

X

xoruOP•4/26/24, 8:43 PM

Same error

I

Isaac McFadyen•4/26/24, 8:44 PM

It sounds like your build command is failing somehow. Can you show the logs above those lines?

IIsaac McFadyen It sounds like your build command is failing somehow. Can you show the logs abov...

X

xoruOP•4/26/24, 8:44 PM

Similar Threads

Similar Threads

Similar Threads