创建vite项目报错：Could not install from “xxxx“ as it does not contain a package.json file.

最新推荐文章于 2024-05-15 10:48:23 发布
最新推荐文章于 2024-05-15 10:48:23 发布
阅读量659 收藏
点赞数
分类专栏： vue问题解决 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50207524/article/details/132949080
版权

创建vite项目报错：Could not install from "xxxx" as it does not contain a package.json file.

在这里插入图片描述

报错原因：路径存在空格

// 运行指令
npm config get cache
返回结果
C:\Users\big Boss\AppData\Roaming\npm-cache

在这里插入图片描述

解决方案

1、将big Boss 改为big~1

// 运行指令   
npm config set cache "C:\Users\big~1\AppData\Roaming\npm-cache" --global

2、运行命令在文件中调整

// 运行指令
npm config edit

在这里插入图片描述

将文件路径中的big boss 改为big~1

冯浩(grow up)
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Electron常见问题 1-.git as it does not contain a package.json file（私有化npm包部署）
liuzhen007的专栏
04-06 3197
今天想依赖自己定义的electron版本，并部署到npm中心。所有文件都准备好了，但是遇到一个这样的报错： .git" as it does not contain a package.json file. 才发现自己忽略了一个关键的文件package.json，于是自己参考其他的package.json文件写了一个，可是报错依然存在。 最后通过命令行： npm init 自动...
react PC端项目构建，react@18.2.0+antd+vite+axios+redux+sass
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
Could not install from xxx as it does not contain a package.json file 解决方法
weixin_45369440的博客
07-02 1万+
首先我去搜了一下,ljbd上面很多都是让你上来就把package-lock.json删除,然后重新install,反正我试了没用,很多评论也都是说没用. 所以我尝试着将那个文件改了个名,然后删除了原本的node_modules(install下载下来的那个文件夹),然后重新instal试试. 重新install后就可以自动又生成了一个package-lock.json,所以是少了一个步骤,就是要删除那个node_modules 然后我一顿操作后并不无卵用.可能能解决你的问题吧! 我继续看我的问题怎么解决
Could not install from “xxx“as it does not contain a package.json file.解决方法
最新发布
木上曰末
05-15 216
（如果上述方法不行，则可能node的路径不存在或不合理，也就是路径中包含空格等导致的）配置后，在重新执行npm install就可以了。注意：需要再环境变量中将路径修改成当前路径。，在重新执行 npm install。在安装crypto-js依赖时报错。
解决 Could not install from “***“ as it does not contain a package.json 报错
weixin_56421672的博客
02-04 1万+
解释:无法从“Files\nodejs\node_cache_npx\14536”安装，因为它不包含package.json文件。修改空格位置为:Program File===> Program~a (名字随意修改,再把对应D盘的文件夹名字修改一样)这个地方不修改一样也可以 之后依赖会重新安装到配置文件夹(新增)指定路径 (一样的依赖会下载两份,比较占用内存)很明显看到Program Files中间出现的空格 这时候清除空格即可。找到npm配置文件(.npmrc)文件打开 / 执行命令。
it does not contain a package.json file
TE杨
12-09 1751
今天在vue中安装bootstrap的时候出现了问题，记录一下。 根据官网教程，在vue中安装bootstrap，必须首先安装jquery，因为bootstrap是基于jquery所写的。我安装的时候，因为没有找到bootstrap文件，所以安装了两遍，第二遍的时候，突然出现了it does not contain a package.json file的问题，百度了以下，没有找到解决方式，于是自...
warning ..\package.json: No license field
01-07
查了下发现是，package.json 文件中缺少license参数 { name: movie_view, version: 0.1.0, license: MIT, private: true, scripts: { serve: vue-cli-service serve, build: vue-cli-service build, lint: ...
微信小程序报错：this.setData is not a function的解决办法
11-28
微信小程序 报错：this.setData is not a function 在page中定义的代码如下，代码会报错：this.setData is not a function <strong> pasteEncryptedText:function()</strong>{ let decryptedPass = this.data....
Babel7.x完美解决严格模式报错：’caller’, ‘callee’, and ‘arguments’ properties may not be accessed on strict mode
01-08
问题描述 做项目用到了MUI的scroll控件 故此我引入了mui.min.js 然而 猝不及防地报错了： 原创文章 236获赞 36访问量 201万+ 关注 私信 展开阅读全文 作者：Piconjo_Official
react PC端项目构建TS，react@18.2.0+antd+vite+axios+redux+sass+ts
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
“it does not contain a package.json file.“ npm install问题解决
热门推荐
刘泽美的博客
10-05 3万+
困扰了2个小时终于搞定。 目的是要安装bignumber.js包 第一次出现问题： npm WARN neo@1.0.0 No repository field. + bignumber.js@2.0.7 added 1 package from 1 contributor, updated 1 package and audited 7 packages in 10.393s found 0 ...
拿到mpx型包执行npm i 出现 as it does not contain a package.json file.解决
weixin_45890764的博客
07-21 629
场景：从gitlab上下载下来后，执行npm i 结果出现一个包as it does not contain a package.json file的问题。 解决思路：首先我先单独按这个包，结果无论怎么样，都是报这个错误。因为我刚来公司，是不是权限问题，重新配了一下之后，还是没有解决问题。 最后解决方法：重新down了一份，路径不要包含中文（直接把之前的中文改了也不行，重新选一个路径，重下一次。再执行npm i） ...
Visual Studio Code + node.js搭建VUE开发环境（解决：it does not contain a package.json file问题）
zhiyinweini3的博客
03-16 2766
背景：学习前端知识，离不开VUE 目的：搭建VUE开发环境 组网图：不涉及 工具：vscode1.41.0 node-v12.16.1-x64 简介：Visual Studio Code + node.js搭建VUE开发环境，Visual Studio Code自己安装哈，下一步下一步就好； 第一步：下载node.js详见我的网盘：链接：https://pan.baidu.com/s/1ZbIpo...
Could not install from as it does not contain a package.json file
yanshendeyinji的博客
10-19 4076
1问题如下 2解决方式： （1） 删除package-lock.json （2） 执行npm install -g （3）执行npm install
Files\nodejs\node_cache\_npx\14148“ as it does not contain a package.json file
weixin_48495574的博客
04-20 826
问题描述：在使用npm创建vite项目的时候遇到了这个问题报错 npm init vite@latest 解决方法： 先用 npm config get cache 查看node cache路径是否存在空格， 一般是默认安装的nodejs路径中有空格 比如 C:**Program Files\nodejs\node_cache 使用 npm config set cache “地址” 更换成没有空格的地址即可 或者C:\Program Files\nodejs\node_cache更换为C:**Prog
解决Could not install from xxx as it does not contain a package.json file
weixin_44089126的博客
03-26 2338
今天弄了下这个玩意，整的头都大了，包下载不下来一直报错 找到报错日志一个个的npminstall一下 比如我这个 就执行 npm i @fullcalendar/core/locales/zh-cn' npm i '@fullcalendar/daygrid' npm i '@fullcalendar/interaction' npm i '@fullcalendar/vue' 如果还有报错，可以多尝试几次下载(我就是多下载了几次才成功)！新手路过大神勿喷 ...
vite项目报错：Uncaught ReferenceError: exports is not defined vue-router.esm-bundler
05-05
这个错误通常是因为你在使用 ES 模块语法时，没有使用 Babel 转换器将代码转换为浏览器可识别的语法。 在 Vite 项目中，你可以通过以下步骤解决此错误： 1. 安装 `@babel/plugin-transform-modules-commonjs` 和 `@babel/preset-env` 两个 Babel 插件。 ``` npm install --save-dev @babel/plugin-transform-modules-commonjs @babel/preset-env ``` 2. 在根目录下创建一个名为 `babel.config.js` 的文件，并添加以下内容： ```javascript module.exports = { presets: [ [ '@babel/preset-env', { targets: { chrome: '58', ie: '11' } } ] ], plugins: ['@babel/plugin-transform-modules-commonjs'] } ``` 这个配置文件将使用 `@babel/preset-env` 插件将代码转换为浏览器可识别的语法，并使用 `@babel/plugin-transform-modules-commonjs` 插件将 ES 模块语法转换为 CommonJS 模块语法。 3. 在 `vite.config.js` 文件中添加以下内容： ```javascript export default { esbuild: { jsxFactory: 'h', jsxFragment: 'Fragment' }, optimizeDeps: { include: ['@vueuse/core'] }, rollupInputOptions: { plugins: [ require('@rollup/plugin-commonjs')() ] } } ``` 这里我们使用 `@rollup/plugin-commonjs` 插件将 CommonJS 模块语法转换为 ES 模块语法，以便 Vite 可以正确处理它们。 重启 Vite 项目并再次尝试，应该就不会遇到这个错误了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值