安装react前配置nodejs导致vite命令报错的处理方案

最新推荐文章于 2024-05-09 18:06:47 发布
最新推荐文章于 2024-05-09 18:06:47 发布
阅读量801 收藏
点赞数
文章标签： vue.js react.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shinjie1210/article/details/119349579
版权

使用react前需要配置下node环境，可以根据这个网页来操作

完成配置并测试可成功创建react项目后

使用命令安装vite或用vite创建vue3项目，会导致报错

npm ERR! code ENOLOCAL
npm ERR! Could not install from "Files\nodejs\node_modules\npm\node_cache\_npx\14564" as it does not contain a package.json file.
npm ERR! A complete log of this run can be found in:…………

网上搜了半天，可能是node路径带有空格导致的

所以推荐使用这个网页的办法解决

推荐使用网页里的方法1

执行：npm config edit

会弹出txt文件，把文件里前几行中 cache的路径改写为

D:\Program~1\nodejs\node_modules\npm\node_cache (这是 windows 的一种路径表达方式，根据自己实际路径改写)

shinjie1210
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react移动端项目构建，react@18.2.0+react-vant+vite+axios+redux+sass
03-06
该架构已解决大部分坑，主要用于react@18.2.0移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 react：https://react.nodejs.cn/reference/react/hooks vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：https://cn.redux.js.org/index.html redux-persist：https://github.com/rt2zz/redux-persist sass：https://blog.csdn.net/randy521520/article/details/131242242
npm install安装node_modules时报错：npm ERR! Found: less@4.1.3 npm ERR! node_modules/less npm ERR!
qq_57057576的博客
08-02 1417
force会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。从github上下载一个源码时，需要下载node_modules。用–force或–legacy-peer-deps可以解决。npmi出现报错。
【详细步骤】使用Vite创建Vue3项目
最新发布
HQC66666的博客
05-09 2787
Vite是一个轻量级、运行速度快的前端构建工具，它支持模块热替换（Hot Module Replacement，HMR），可以即时、准确地更新模块，当代码修改时无须重新加载页面或清除应用程序状态。Vite默认安装的插件比较少，随着开发过程中依赖的增多，需要额外进行配置。Vite不需要以命令的方式安装和卸载，只要安装了npm或yarn，就可使用Vite的相关命令创建项目。Vite会作为项目的开发依赖保存在项目的node_modules目录中。
关于node_modules问题导致报错的解决方法
weixin_41813243的博客
05-26 8627
npm install npm@latest -g 删除本地node_modules npm cache clean --force npm i （这一步会报错没事，直接下一步） cnpm install（这一步报错cnpm不是内部或外部命令的话， cnpm -v 看下有没有版本号， 然后 npm install cnpm -g --registry=https://registry.npm.taobao.org） npm run serve ...
vite 打包时校验node_modules并报错
weixin_44134588的博客
12-21 1万+
使用vite 构建的项目在打包时会自动进行TS类型校验 其中vue-tsc是对vue3类型校验的一个工具 vue-tsc无法跳过对node_modules内部的文件校验, 在eslintignore中添加node_modules也不起作用 后来去vue-tsc的github社区中发现 作者给出了这样的一个解决方案,就是在package.json内 script里面的build中加入这样一行代码: –skipLibCheck "scripts": { "build": "vue-ts
成功解决 npm ERR! ERESOLVE could not resolve
一个会搜索的程序员
06-21 1万+
执行下面装包语句。 npm i --legacy-peer-deps
React项目中安装Element-react后报错，解决方法
Power_IT_xiang的博客
11-24 294
React项目中安装Element-react后报错，解决方法
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，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态...
基于React+TS+Antd+NodeJS+MySQL实现的全栈项目实战【100012591】
06-05
在这个项目中，React作为前端框架，负责处理视图层的渲染和交互。通过React组件化开发，我们可以将UI拆分为可复用的模块，提高代码的可维护性和开发效率。 2. **TypeScript**：TypeScript是JavaScript的超集，它...
react移动端项目构建TS，react@18.2.0+react-vant+vite+axios+redux+sass+ts
03-06
主要用于react@18.2.0移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态...
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，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态...
npm install报错 npm ERR! 的四种解决办法
热门推荐
zzq00zzj的博客
10-18 17万+
整理了自己在安装过程中碰到的三种npm ERR及解决方式 错误一、 npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\nanyi\AppData\Roaming\npm-cache_logs\2021-09-17T08_58_23_413Z-debug.l 查看错误日志，错误日志就在上面展示的C:\Users…这里 如果发现错误日志里有err mkdir 错误原因：权限不足 解决办法：关闭VsCode并以管理员权限启
Could not install from “Files\nodejs\node_cache\_npx“ as it does not contain a package.json file.
Smile_Monica的博客
03-10 1939
Could not install from "File\nodejs\node_cache\_npx\4708" as it does not contain a package.json file.
使用nvm管理的node，学习react时，npx安装报错：npm ERR: Could not install from “Files\nodejs\node_cache\_npx\“
qq_41336022的博客
04-02 2766
npm ERR! Could not install from "Files\nodejs\node_cache\_npx\
vite创建项目一直报如下错误
weixin_67170471的博客
12-04 1111
vite安装失败
node.js下载和vite项目创建以及可能遇到的错误
weixin_60387745的博客
02-10 4602
Need to install the following packages: create-vite-app@1.21.0 Usage: nodemon [nodemon options] [script.js] [args] See "nodemon --help" for more. HbuilderX终端显示空白 'vite' 不是内部或外部命令，也不是可运行的程序 或批处理文件
React编译失败npm ERR! Failed at the test@1.0.0 start script.
qq_41219817的博客
12-23 2万+
code ELIFECYCLE npm ERR! errno 1 npm ERR! test@1.0.0 start: node build/dev-server.js npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the test@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output
切换node版本解决如下错误(建议使用nvm管理node版本)
m0_62835220的博客
11-11 4449
项目启动报错
vue3+typeScript+vite创建 vue 项目启动报错
weixin_45825313的博客
11-08 1559
vue3+ts+vite新建项目运行报错
react vite使用require报错
05-18
React Vite 默认使用 ES Modules，而 `require` 属于 CommonJS 规范，所以在 React Vite 中使用 `require` 会报错。可以尝试使用 `import` 替代 `require`，或者在 Vite 配置文件中添加 `commonjs` 插件来支持 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值