[Bug Report][3.3.22] npm create vuetify: Unexpected token } in JSON at position 243

[blakejp1]

Environment

Vuetify Version: 3.3.22 Last working version: 3.3.22 Vue Version: 3.3.4 Browsers: Chrome 117.0.0.0 OS: Windows 10

Steps to reproduce

npm create vuetify

Expected Behavior

framework built and new vuetify project created

Actual Behavior

√ Which preset would you like to install? » Custom (Choose your features) √ Use TypeScript? ... No / Yes √ Use Vue Router? ... No / Yes √ Use Pinia? ... No / Yes √ Use ESLint? ... No / Yes √ Would you like to install dependencies with yarn, npm, pnpm, or bun? » npm

◌ Generating scaffold...

✖ SyntaxError: Unexpected token } in JSON at position 243

npm ERR! code 1 npm ERR! path C:\jb npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c create-vuetify

npm ERR! A complete log of this run can be found in: C:\Users\blake\AppData\Local\npm-cache_logs\2023-10-19T06_57_15_530Z-debug-0.log

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

here is the log:

0 verbose cli C:\Program Files\nodejs\node.exe C:\Users\blake\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js 1 info using npm@10.2.1 2 info using node@v18.17.1 3 timing npm:load:whichnode Completed in 3ms 4 timing config:load:defaults Completed in 2ms 5 timing config:load:file:C:\Users\blake\AppData\Roaming\npm\node_modules\npm\npmrc Completed in 3ms 6 timing config:load:builtin Completed in 3ms 7 timing config:load:cli Completed in 1ms 8 timing config:load:env Completed in 1ms 9 timing config:load:file:C:\Users\blake\src.npmrc Completed in 0ms 10 timing config:load:project Completed in 2ms 11 timing config:load:file:C:\Users\blake.npmrc Completed in 0ms 12 timing config:load:user Completed in 0ms 13 timing config:load:file:C:\Users\blake\AppData\Roaming\npm\etc\npmrc Completed in 1ms 14 timing config:load:global Completed in 1ms 15 timing config:load:setEnvs Completed in 0ms 16 timing config:load Completed in 10ms 17 timing npm:load:configload Completed in 10ms 18 timing config:load:flatten Completed in 2ms 19 timing npm:load:mkdirpcache Completed in 1ms 20 timing npm:load:mkdirplogs Completed in 0ms 21 verbose title npm create vuetify 22 verbose argv "create" "vuetify" 23 timing npm:load:setTitle Completed in 1ms 24 timing npm:load:display Completed in 1ms 25 verbose logfile logs-max:10 dir:C:\Users\blake\AppData\Local\npm-cache_logs\2023-10-19T06_49_18_034Z- 26 verbose logfile C:\Users\blake\AppData\Local\npm-cache_logs\2023-10-19T06_49_18_034Z-debug-0.log 27 timing npm:load:logFile Completed in 9ms 28 timing npm:load:timers Completed in 0ms 29 timing npm:load:configScope Completed in 0ms 30 timing npm:load Completed in 125ms 31 silly logfile start cleaning logs, removing 1 files 32 timing arborist:ctor Completed in 0ms 33 silly logfile done cleaning log files 34 http fetch GET 200 https://registry.npmjs.org/create-vuetify 895ms (cache revalidated) 35 timing arborist:ctor Completed in 1ms 36 timing arborist:ctor Completed in 0ms 37 timing command:create Completed in 28593ms 38 verbose stack Error: command failed 38 verbose stack at ChildProcess. (C:\Users\blake\AppData\Roaming\npm\node_modules\npm\node_modules\@npmcli\promise-spawn\lib\index.js:53:27) 38 verbose stack at ChildProcess.emit (node:events:514:28) 38 verbose stack at maybeClose (node:internal/child_process:1091:16) 38 verbose stack at ChildProcess._handle.onexit (node:internal/child_process:302:5) 39 verbose cwd C:\Users\blake\src 40 verbose Windows_NT 10.0.22621 41 verbose node v18.17.1 42 verbose npm v10.2.1 43 error code 1 44 error path C:\Users\blake\src 45 error command failed 46 error command C:\Windows\system32\cmd.exe /d /s /c create-vuetify 47 verbose exit 1 48 timing npm Completed in 29361ms 49 verbose code 1 50 error A complete log of this run can be found in: C:\Users\blake\AppData\Local\npm-cache_logs\2023-10-19T06_49_18_034Z-debug-0.log

[fido-hh]

Linux Mint, Node 20:

38 verbose stack Error: command failed 38 verbose stack at ChildProcess. (/home/user/.nvm/versions/node/v20.4.0/lib/node_modules/npm/node_modules/@npmcli/promise-spawn/lib/index.js:53:27) 38 verbose stack at ChildProcess.emit (node:events:512:28) 38 verbose stack at maybeClose (node:internal/child_process:1098:16) 38 verbose stack at ChildProcess._handle.onexit (node:internal/child_process:304:5) 39 verbose cwd /home/user/webseiten 40 verbose Linux 5.15.0-87-generic 41 verbose node v20.4.0 42 verbose npm v9.7.2 43 error code 1 44 error path /home/user/sites 45 error command failed 46 error command sh -c create-vuetify 47 verbose exit 1

[monkeyWie]

Same here

[BabakAbdzadeh]

Any updates regarding it?

[blakejp1]

I found this was down to an eslint issue with the createVeutify install. If i don't select that option as part of the wizard options it installs ok. The issue is still there but can be worked around.

[fido-hh]

I found this was down to an eslint issue with the createVeutify install. If i don't select that option as part of the wizard options it installs ok. The issue is still there but can be worked around.

I can't confirm that. just tried custom install without ESLint and it failed with the same error. Strange.

[BabakAbdzadeh]

I tried to install it by checking the "use type script" as yes; And then, it worked! So, there might be something wrong with typescript.

[albanm]

Hello,

This issue is marked as closed, but I just had the same problem:

$ npm create vuetify

Vuetify.js - Material Component Framework for Vue

✔ Project name: … test
✔ Which preset would you like to install? › Default (Vuetify)
✔ Use TypeScript? … No
✔ Would you like to install dependencies with yarn, npm, pnpm, or bun? › npm

◌ Generating scaffold...

✖ SyntaxError: Expected double-quoted property name in JSON at position 243

The folder is created but the package.json is incomplete (it only contains the name property) and maybe other things, I don't know.

[humaidaAra]

@albanm I do have same problem here, exact same output while running npm create vuetify

`$ npm create vuetify

Vuetify.js - Material Component Framework for Vue

√ Project name: ... client √ Which preset would you like to install? » Custom (Choose your features) √ Use TypeScript? ... No / Yes √ Use Vue Router? ... No / Yes √ Use Pinia? ... No / Yes √ Use ESLint? ... No / Yes √ Would you like to install dependencies with yarn, npm, pnpm, or bun? » npm

◌ Generating scaffold...

✖ SyntaxError: Expected double-quoted property name in JSON at position 243 (line 13 column 3)

npm ERR! code 1 npm ERR! path D:\laravel_projects\smart-growth npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c create-vuetify

npm ERR! A complete log of this run can be found in: C:\Users\HamaAra\AppData\Local\npm-cache_logs\2024-01-11T07_40_42_000Z-debug-0.log`

had this error in past too. Then updated both NPM and Node for latest: $ npm --version 10.3.0 $ node --version v21.5.0

but that does not fix it, I'm stuck cloning my old projects 😔

[cmgdragon]

Hello,

This issue is marked as closed, but I just had the same problem:

$ npm create vuetify

Vuetify.js - Material Component Framework for Vue

✔ Project name: … test
✔ Which preset would you like to install? › Default (Vuetify)
✔ Use TypeScript? … No
✔ Would you like to install dependencies with yarn, npm, pnpm, or bun? › npm

◌ Generating scaffold...

✖ SyntaxError: Expected double-quoted property name in JSON at position 243

The folder is created but the package.json is incomplete (it only contains the name property) and maybe other things, I don't know.

@albanm, @humaidaAra it should be working with the latest version

$ npm create vuetify@latest