windows下create-react-app 升级至3.3.1版本踩坑记
更新时间：2020年02月17日 10:22:12 作者：lijinxieyang
这篇文章主要介绍了windows下create-react-app 升级至3.3.1版本踩坑记，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
电脑原先使用npm install -g create-react-app命令全局安装过，根据文档先全局卸载npm uninstall -g create-react-app，然后采用npx create-react-app my-app创建项目。然而，项目创建完后，却只生成了node_modules,package.json,package_lock.json或yarn.lock这几个文件夹，同时报错：
解决
1、运行create-react-app -V查看版本号，发现还可以拿到版本号，说明未被完全删除。
2、运行where create-react-app命令，若是有返回内容，则将返回内容全部手动删除。在我的电脑上操作，返回了以下两个文件路径。
C:\Users\XXXX\AppData\Local\Yarn\config\global\node_modules\.bin\create- react-app C:\Users\XXXXX\AppData\Local\Yarn\config\global\node_modules\.bin\create- react-app.cmd
3、再次运行create-react-app -V查看版本号，可看到
4、运行npx create-react-app my-app命令。
问题
若是运行npx create-react-app my-app命令，出现
npm ERR! code ENOLOCAL npm ERR! Could not install from "Files\nodejs\node_cache\_npx\18944" as it does not contain a package.json file.
根据
是因为安装node的路径中存在空格。我的node是安装在E:\Program Files\nodejs,它并不识别Program Files中的空格。
解决方法：
cmd开启dos窗口，运行
npm config set prefix "E:\Program~1\nodejs\node_global" npm config set cache "E:\Program~1\nodejs\node_cache"
参考自：
Template not provided using create-react-app
windows中node环境采坑
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Create react app修改webapck配置导入文件alias
这篇文章主要为大家介绍了Create react app修改webapck配置导入文件alias,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
这篇文章主要介绍了React中如何使用scss问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要为大家详细介绍了react中的双向绑定，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
本文主要介绍了react使用.env文件管理全局变量的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要为大家介绍了React 中使用 RxJS 优化数据流的处理方案示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了react跳转后路由变了页面没刷新的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
React应用中的路由鉴权是确保用户仅能访问其授权页面的方式,用于已登录或具有访问特定页面所需的权限,这篇文章就来记录下React实现路由鉴权的流程,需要的朋友可以参考下2024-07-07
React Server Component混合式渲染问题详解
React 官方对 Server Comopnent 是这样介绍的: zero-bundle-size React Server Components，这篇文章主要介绍了React Server Component: 混合式渲染,需要的朋友可以参考下2022-12-12
在做项目的时候,甲方给的信息有限,网页的备案信息写成固定的,之后验收的时候,甲方要求把这个备案信息写成动态的,可以自增减,下面通过实例代码给大家介绍react实现动态增减表单项的示例,感兴趣的朋友跟随小编一起看看吧2024-05-05
这篇文章主要为大家介绍了React18 中的 Suspense API使用实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
最新评论