使用vite创建vue3报错 npm ERR! Could not install from xxxxxxxx it does not contain a package json file
PS G:\vue3> npm init vite-app vue3_test_vite
npm ERR! Could not install from "Files\nodejs\node_cache\_npx\4852" as it does not contain a package.json file.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Program Files\nodejs\node_cache\_logs\2021-12-22T08_21_24_218Z-debug.log
安装 [ 'create-vite-app@latest' ] 失败,错误代码:1
错误原因
node_cache路径存在空格
// 运行指令
npm config get cache
// Program Files名称存在空格
C:\Program Files\nodejs\node_cache
解决方案一
// 运行指令
npm config edit
将带空格的路径改写为:C:\Program~1\nodejs\node_cache
解决方案二
// 运行指令
npm config set cache "C:\Program~1\nodejs\node_cache" --global
再次运行安装指令
npm init vite-app
PS G:\vue3> npm init vite-app vue3_test_vite
npx: 7 安装成功,用时 3.371 秒
Scaffolding project in G:\vue3\vue3_test_vite...
Done. Now run:
cd vue3_test_vite
npm install (or `yarn`)
进入目录
cd .\vue3_test_vite\
运行
npm i 指令
G:\vue3\vue3_test_vite> npm i
> esbuild@0.8.57 postinstall G:\vue3\vue3_test_vite\node_modules\esbuild
> node install.js
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN vue3_test_vite@0.0.0 No description
npm WARN vue3_test_vite@0.0.0 No repository field.
npm WARN vue3_test_vite@0.0.0 No license field.
added 282 packages from 277 contributors in 23.489s
31 packages are looking for funding
run `npm fund` for details
运行
npm run dev 指令
PS G:\vue3\vue3_test_vite> npm run dev
> vue3_test_vite@0.0.0 dev G:\vue3\vue3_test_vite
> vite
[vite] Optimizable dependencies detected:
vue
Dev server running at:
> Network: http://192.168.x.xx:3000/
> Local: http://localhost:3000/
成功
文章参考出处: (https://blog.csdn.net/hellobbw/article/details/108402959).