安装react脚手架会报错怎么办

安装react脚手架会报错的解决办法:首先导入想要导入的包;然后通过“npm cache clean –force”清除缓存;接着升级npm;最后安装淘宝镜像即可。

安装react脚手架会报错怎么办

本教程操作环境:windows7系统、react17.0.1版本,DELL G3电脑。

推荐:react视频教程

安装react脚手架出现错误,报错的解决方法

当电脑里面已经有node的环境时,安装React脚手架时,即:

$ cnpm install -g create-react-app$ create-react-app my-app$ cd my-app/$ npm start

登录后复制

进行到第二步时出现下图中的错误:

99ba14061b57664a96e5cb586c77e73.png

错误信息

那么可能是安装的不是最新的,通过百度我搜索了一下,并尝试了一下,发现成功了。终端命令如下:

(1)导入想要导入的包:

npm init -y

登录后复制

(2)清除缓存:

npm cache clean --force

登录后复制

(3)升级npm:

npm i -g npm

登录后复制

(4)安装淘宝镜像:

npm config set registry " https://registry.npm.taobao.org "

登录后复制

(5)卸载淘宝镜像:

  npm config set disturl https://npm.taobao.org/dist

登录后复制

其中(4)(5)没必要,只是方便你出现相关错误的时候加的!如果上面加完之后,在进行最上面的第二步,创建脚手架,应该是没有问题了。如下图所示

08a6a9c3eed5be0f3fde8179678b2bc.png

其实在开发过程中,会遇到很多许许多多的问题,可能同样领域的朋友也帮不了你,这时候就需要我们自己动手解决问题了,现在网络这么发达,国内开发同行解决不了的,还可以找博客大牛去和更厉害的人一起解决。总之,问题解决了就是好事!

以上就是安装react脚手架会报错怎么办的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2718309.html

(0)
上一篇 2025年3月7日 22:13:51
下一篇 2025年3月1日 21:33:00

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • react生命周期介绍

    导语: 如果我们要学习react,那么了解生命周期是必不可少的。我们在了解过生命周期的各个组件后,对写高性能组件会有很大的帮助。 (学习视频分享:react视频教程) Ract生命周期 React 生命周期分为三种状态 1. 初始化 2.更…

    2025年3月7日
    200
  • react中怎么获取state

    react中获取state的方法:首先打开相应的react代码文件;然后在react中可以通过“this.state.{属性}”的方式直接获取state即可。 本教程操作环境:windows7系统、react17.0.1版本、Dell G3…

    2025年3月7日
    200
  • 华为浏览器打不开react怎么办

    华为浏览器打不开react的解决办法:首先安装babel-polyfill;然后在挂载react的地方引入babel-polyfill或者使用配置项,按需加载polyfill即可。 本教程操作环境:windows7系统、react17.0.…

    2025年3月7日
    200
  • vue和react本质的区别是什么

    vue和react本质的区别是模板和组件化的区别;Vue本质是MVVM框架,由MVC发展而来,而React是前端组件化框架,由后端组件化发展而来。 本文操作环境:windows7系统、react17.0.1&&vue2.0版…

    2025年3月7日
    200
  • react有哪几种传递参数的方式

    React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,…

    2025年3月7日
    200
  • vue和react中dom的区别

    vue和react中dom的区别:1、vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树;2、对于React而言,每当应用的状态被改变时,全部组件都会重新渲染。 本文操作环境:windows7系统、react17.0.1&&…

    2025年3月7日
    200
  • react里面怎么写css

    react里面写css的方法:1、通过className在style中给该class名的DOM元素添加样式;2、直接给对应的DOM元素添加style属性;3、通过定义全局变量的方法来定义一个css样式。 本文操作环境:windows7系统、…

    2025年3月7日
    200
  • 你可能没注意的一些react细节知识点!(总结)

    react中这些细节你注意过没有?下面本篇文章给大家总结了一些你可能没注意的react细节知识点。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 【相关教程推荐:React视频教程】 react中的一些细节知识点: 1、组…

    2025年3月7日
    200
  • react组件拆分的重要性

    前言: React 是一个用于构建用户界面的 JAVASCRIPT 库。主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 react采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能;采用单…

    2025年3月7日 编程技术
    200
  • 深入浅析React组件间通信的10种方法

    【相关教程推荐:React视频教程】 这两天被临时抽调到别的项目组去做一个小项目的迭代。这个项目前端是用React,只是个小型项目所以并没有使用Redux等状态管理的库。刚好遇到了一个小问题:两个不太相关的组件到底该怎么进行通信。我觉得这个…

    2025年3月7日
    200

发表回复

登录后才能评论