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 作后缀，所以识别不了。

解决办法：

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

此时运行成功