自学内容网 自学内容网

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

解决办法:

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

此时运行成功


原文地址:https://blog.csdn.net/M_emory_/article/details/145575058

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!