当前位置: 首页 > article >正文

react 创建项目报错(react19)详细解决办法

一、问题描述

使用脚手架创建项目的时候报错如下:

 二、原因及解决办法

打开项目查看 package.json 文件发现,使用的是最新的19版本,所以会出现版本不兼容的问题

所以我们需要换成18版本的

1、删除node_modules文件夹

2、package.json 中替换 react 版本

    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
3、运行 npm install 重新安装,或者 pnpm install
4、npm run start 运行项目 --- 此时运行项目还会报错

报错如下:

问题原因:

这里引入时,如果不接后缀,默认是 jsx 或 js ,但是这里使用 typescript 模版,它们都使用了 tsx 或 ts 作后缀,所以识别不了。

解决办法:

直接在对应报错模块中加上后缀名即可

此时运行成功


http://www.kler.cn/a/544144.html

相关文章:

  • 自己部署DeepSeek 助力 Vue 开发:打造丝滑的标签页(Tabs)
  • Leetcode1760:袋子里最少数目的球
  • 自然语言处理NLP入门 -- 第一节基础概念
  • 本地部署DeepSeek Nodejs版
  • 嵌入式硬件篇---原码、补码、反码
  • 【deepseek-r1本地部署】
  • forwardRef
  • 朝天椒USB服务器让RPA机器人远程连接网银U盾
  • DeepSeek 的 API 服务引入 WPS Office
  • ?.、??、||分别是什么,又有哪些区别???
  • Linux部署DeepSeek r1 模型训练
  • 开启AI绘画的魔法大门!探索Stable Diffusion的无限魅力~
  • k8s之亲和性和反亲和性
  • 【ISO 14229-1:2023 UDS诊断全量测试用例清单系列:第一节】
  • UNITY计算fps时应忽略掉time.timescale的影响
  • [Linux][问题处理]修改密码报You must wait longer to change your password
  • 人生的转折点反而迷失了方向
  • 游戏内常见加密
  • Unity 卡死排查方法(游戏死循环、打包卡死)
  • python+unity落地方案实现AI 换脸融合
  • Spring 项目接入 DeepSeek,分享两种超简单的方式!
  • HTML之JavaScript函数声明
  • 【AI学习】DeepSeek-R1-Distill的意义和影响
  • MYSQL 索引 index
  • 求助帖: stm32通过 flash实现boot和app之间的api共享
  • 稀疏计算的软硬件协同:FPGA有力推动硬件发展