创建React项目报错以及解决方案
1.问题:执行node相关命令时报错 不是内部或外部命令,也不是可运行的程序 或批处理文件。
解决方案:
首先打开黑窗口 执行node -v 不能执行的话去配置下node相关的环境变量,环境没有配置好的原因
2.问题:无法找到node_modules 下的文件
Error: Cannot find module C:\Users…\react-scripts\bin\react-scripts.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Functio
解决方案:
1.进入项目目录删除该文件
2.进行初始化 node install 再创建一个
3.React18执行时控制台报错
react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it’s running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
解决方法:React 18 不再支持 ReactDOM.render。请改用 createRoot
官网有说明:
https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis
React17
import React from "react";
import ReactDOM from "react-dom";
import APP from './App';ReactDOM.render(<APP/>,document.getElementById('root'))React18import React from "react";
import { StrictMode } from "react";
import { createRoot } from 'react-dom/client';
import APP from './App';const container = document.getElementById('root');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(
<StrictMode>
<APP/>
</StrictMode>
);
创建React项目报错以及解决方案相关推荐
- mac创建react项目报错 :Aborting installation. npm install --save --save-exact --loglevel error react reac
Mac创建react项目失败 之前一直以为是淘宝镜像不对,尝试很久才找到方法 解决方法 下载下面的包 brew install pixman brew install cairo brew insta ...
- 创建Maven项目报错极速解决方案
简单粗暴直接且易懂 1.将Maven中央仓库的地址改成国内 2.将本地仓库的jar全部清空,重新下载次数不低于五次(亲测有效就很神奇) 3.其他:关闭本机杀毒软件.关闭防火墙
- 创建Maven项目报错
项目场景: 创建Maven项目报错 Failed to create parent directories for tracking file C:\Program Files\Maven\maven ...
- IDEA创建maven项目报错解决:Failed to create a Maven project: 'C:/Users/../IdeaProjects/../pom.xml' already e
此文首发于我的个人博客:IDEA创建maven项目报错解决 Failed to create a Maven project 'C:/Users/-/IdeaProjects/-/pom.xml' a ...
- 创建Scrapy项目报错 UnicodeDecodeError: 'ascii' codec can't decode byte 0xa3 in position 19
刚安装好,创建Scrapy 项目报错: D:\py_workspace\test_scrapy>scrapy startobject a Traceback (most recent call ...
- 使用Git克隆vue-element-admin项目报错的解决方案
使用Git克隆vue-element-admin项目报错的解决方案 使用Git克隆vue-element-admin项目报错 使用Git克隆vue-element-admin项目报错 当我们使用git ...
- Eclipse创建Maven项目报错处理Could not resolve archetype
Eclipse创建Maven项目报错处理 1.错误说明 错误一:Could not resolve archetype org.apache.maven.archetypes:maven-archet ...
- React项目报错: __WEBPACK_IMPORTED_MODULE_3_react___default.a.memo is not a function
今天用react做项目的时候遇到一个错误 React项目报错: __WEBPACK_IMPORTED_MODULE_3_react___default.a.memo is not a function ...
- Exception from hresult 0x80041FE2,vs2015创建QT项目报错
vs2015下创建qt项目报错:Exception from hresult 0x80041FE2 安装好vs2015,qt插件等配置好一切,感觉没什么问题的时候,正开心的准备新建一个QT项目测试一下 ...
最新文章
- Java开发者必读的10篇精选优秀技术文章
- spark streaming 5: InputDStream
- 【ssi】增删改查六操作小框架(八)
- NAACL 2019最佳论文:量子概率驱动的神经网络
- 反编译中内部类调用外部类成员问题
- sql 递归查询所有的下级
- JAVA中深拷贝与浅拷贝(在网上找到的) 希望对于理解深拷贝与浅拷贝有帮助...
- linux循环条件,shell脚本编写 之 条件选择,条件判断,循环语句
- iOS 系统汉化的plist设置
- 连续交付友好的Maven版本
- 微信公众号网页开发:播放视频,在列表中滑动会脱离文档流
- 上传文件到华为云云服务器,上传文件到云服务器
- Spring Boot 2 快速教程:WebFlux Restful CRUD 实践(三)
- poj 3279 poj 1753
- 11.05T2 线段树+卡特兰数
- Ubuntu 安装 JDK 7 / JDK8 的两种方式
- 十七 Ajax校验用户名功能
- c#虹软2.0免费人脸识别 实例
- Ubuntu 中搭建 LAMP 及 php 开发工具
- matlab判断李雅普诺夫稳定性
热门文章
- 惰性求值 php,惰性求值——lodash源码解读
- 机械制造企业如何做好生产插单管理?
- 什么地图软件好用?有什么简单好用的绘制地图的软件
- Flink知识点大全总结
- 错误 程序包android.app不存在,运行.app时Android Studio获取包名称错误
- HDU 1248 寒冰王座 (完全背包)
- 微信红包雨怎么抢_1月26日晚8点微信红包雨发放时间表 怎么抢红包全攻略
- puzhong 51矩阵键盘短按,长按数码管加减数
- 华为手机怎么解除黑名单号码 怎么解除华为手机黑名单号码
- 使用Facebook的Stetho调试Android应用