create-react-app运行项目报babel-jest错误

最新推荐文章于 2024-06-18 21:30:51 发布
最新推荐文章于 2024-06-18 21:30:51 发布
阅读量2.9k 收藏 2
点赞数
分类专栏： 前端开发 文章标签： babel-jest create-react-app react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woyidingshijingcheng/article/details/89950405
版权
在使用create-react-app创建react项目时遇到运行错误，涉及babel-jest。尝试多次官方步骤未果，解决方案是删除node-modules中的babel-jest包，然后根据提示的版本号手动安装指定版本的babel-jest，如`yarn add babel-jest@24.7.1`或`npm install babel-jest@24.7.1`，问题得以解决。
摘要由CSDN通过智能技术生成

问题的产生

最近使用create-react-app创建一个react项目，按照官方安装好create-react-app后，初始化项目啥的都正常，结果一运行，就报错了。

There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix lo                                                                                                                                                    cally.

The react-scripts package provided by Create React App requires a dependency                                                                                                                                                    :

  "babel-jest": "24.7.1"

Don't try to install it manually: your package manager does it automatically                                                                                                                                                    .
However, a different version of babel-jest was detec
最低0.47元/天 解锁文章
涟动下渔舟
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
create-react-app 初始化的项目，如何启用 babelrc 配置文件
止水聊技术
07-15 3742
使用 create-react-app 初始化的项目，能满足大多数情况下的需求，但是想用装饰器等比较新的技术时，你可能会去创建一个.babelrc 文件，然后配置成如下操作 安装 npm i -D @babel/plugin-proposal-decorators 配置 .babelrc { "plugins": ["@babel/plugin-proposal-decorators"...
vue jest 报错Cannot find module ‘babel-preset-local‘
weixin_45272820的博客
12-29 1675
vue项目后期新增jest测试问题 做测试的小伙伴一般有两种情况乱: 1.新建vue项目 可以 一并安装jest测试， 2.后期安装jest 但是第二种就极其的不方便，依赖包的各种版本问题，是否支持ES5语法…等等… 在做第二种的时候我就遇到了这个棘手的问题: FAIL tests/unit/helloworld.spec.js Cannot find module 'babel-preset-local' Require stack: - C:\Users\11466\Do
React踩坑系列——脚手架运行npm start时报错
最新发布
2401_84618790的博客
06-18 209
操作完成后再次输入npm start指令。在项目中创建一个.env的文件。
jest-babel报错：Requires Babel "^7.0.0-0", but was loaded with "6.26.3"
weixin_30906185的博客
02-26 318
解决方法： yarn remove jest babel-jest babel-core @babel/core yarn add --dev jest babel-jest babel-core@^7.0.0-bridge.0 @babel/core 转载于:https://www.cnblogs.com/knuzy/p/10437076.html
create-react-app 后使用babel/polyfill
weixin_30906671的博客
07-31 1707
1.npm install --save @babel/polyfill (这个是在你的source code 前运行的，所以安装的时候是 --save) 2.在webpack.config.prod.js和weppack.config.dev.js两个js文件中配置 entry: [ require.resolve('./polyfills'), + "...
create-react-app 创建typeScript项目，并引入jest单元测试
Cinderella___的博客
06-17 1217
参考文档：https://www.html.cn/create-react-app/docs/adding-typescript/
awesome-create-react-app：Create React App文章教程视频和常见问题解答的出色列表
01-31
2. **Create React App的功能**：Create React App提供了一键式的项目初始化，内置了Webpack和Babel等工具，使得开发者可以专注于编写React代码，而不需关心构建过程。 3. **创建项目**：通过`npx create-react-app...
create-react-app-swc:在 create-react-app 中使用 swc 以加快编译、开发和测试
08-04
特征javascript / 打字稿支持开发时用swc替换babel-loader 用 swc 替换 babel-loader 以加快构建时间运行 jest 测试时用 swc 替换 babel入门按照设置您的项目。常问问题为什么它更快？ 在内部 create-react-app 使用...
react-基于createreactapp的react开发环境易用模板
08-15
本项目"react-基于createreactapp的react开发环境易用模板"就是基于这个理念，为开发者提供了一个简洁、易于上手的开发模板。 1. **create-react-app简介** `create-react-app` 提供了一种开箱即用的开发环境，...
react-cli:create-react-app原始分析
03-24
在仿造的`react-cli`项目中，开发者可能需要理解`create-react-app`的初始化过程、模板生成逻辑、构建配置以及如何利用`react-scripts`进行项目构建。这涉及到对Webpack配置文件的解读，对Babel插件的理解，以及对...
react-基于Facebook的createreactapp的NPM库启动套件
08-15
`create-react-app`是Facebook提供的一个命令行工具，用于快速初始化一个符合最佳实践的React项目。它自动化了许多配置工作，如构建设置、热重载、源码映射、Babel转换等，使开发者能够立即开始编写代码，而无需深入...
create-react-app与babel-polyfill
qq_38656496的博客
05-17 3701
create-react-app 与babel-polyfill 2019-5-17 由于目前某些框架或者组件使用了比较新的特性，这些特性目前是不支持的，所以这个时候我们需要给这个特性去转成目前浏览器能够理解的，需要使用到各种polyfill ，目前使用的比较多的就是babel-polyfill，但是我们可以发现在create-react-app 中，我们如同vue一般，在入口文件src/ind...
Part 1 - Create React App
ljm_lijingming的专栏
03-21 293
手动创建一个react web工程化项目，像vue、react那样。
彻底解决jest-babel报错：Requires Babel "^7.0.0-0", but was loaded with "6.26.3".
weixin_34210740的博客
11-16 2234
2019独角兽企业重金招聘Python工程师标准>>> ...
There might be a problem with the project dependency tree. It is likely not a bug in Create React Ap
ProgrammingWhite的博客
08-20 3437
错误信息：There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. 项目依赖关系树可能有问题。 这可能不是Create React应用中的bug，而是需要在本地修复的问题。 解决方案一： 直接在工程文件夹中新建一个 .env 目标文件，之后把 SKIP_PREFLIGH..
自学大前端随笔(三) 构建react环境，npm start出现babel-jest版本问题
HYQHYQ111的博客
11-09 1089
一、背景: 菜鸟刚入门react，之前学习jest的时候已经配置好了npm、bable以及npm，可以直接执行，但是在执行最后一步: npm start的时候出现了错误，报错如下: ​ 搜了一下网上零零散散有一点和我问题相关的，大致就是说路径下的babel-jest版本有问题，路径中存在27的版本，但是构建的react环境中是26的版本，并且版本不会自动配置，所以需要使用者手动更改，官方也很贴心给出了序号1-7个操作步骤，解释如下: 1. 删除项目文件夹中的 pac...
React 学习笔记 - create-react-app踩坑 & eslint
绿胡子大叔的博客
03-26 2754
React 学习笔记 - create-react-app踩坑 & eslint问题解决方案eslintrc配置文件解析parserOptions 解析器配置env 代码运行环境extendsrulesplugins使用TypeScript 问题 最近使用create-react-app创建了一个项目，然后使用npm run eject使配置文件暴露 此时，产生了错误 Using babel-preset-react-app requires that you specify NODE_ENV or
babel6下使用jest单元测试
github_39506988的博客
10-09 2594
背景： 项目中后端api地址虽然做了环境变量配置，但是还是有同学随意更改配置导致测试环境地址发布到生产环境 为了避免这种情况出现决定引入单元测试，在提交代码之前做一次测试校验 坑： erp项目使用babel6，jest的babel配置需要babel7, 且无法屏蔽.babelrc配置，哭 解决方案： jest项目作为一个小项目引入有单独的package.json文件 文件结构：...
初试npx create-react-app my-app报错
热门推荐
qq_40668835的博客
01-01 1万+
https://stackoverflow.com/questions/52606707/cannot-uninstall-webpack-from-react-script 参照解决问题的地址 通过官方的文档： npx create-react-app my-app cd my-app npm start / yarn start 报错信息如下： $ react-scripts start T...
create-react-app创建ts项目
08-17
要使用create-react-app创建TypeScript项目，您可以按照以下步骤进行操作： 1. 首先，保您已经安装了Node.js和npm。您可以在终端或命令提示符中运行以下命令来验证安装是否成功： ``` node --version npm --version ``` 2. 接下来，全局安装create-react-app。在终端或命令提示符中运行以下命令： ``` npm install -g create-react-app ``` 3. 然后，使用create-react-app命令创建新的TypeScript项目。在终端或命令提示符中运行以下命令： ``` npx create-react-app my-app --template typescript ``` 这将创建一个名为"my-app"的新目录，并使用TypeScript模板初始化React项目。 4. 进入项目目录： ``` cd my-app ``` 5. 最后，您可以使用以下命令启动开发服务器： ``` npm start ``` 这将启动开发服务器，并在浏览器中打开项目。 现在，您已经成功使用create-react-app创建了一个TypeScript项目。您可以根据需要在新项目中进行开发和定制。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值