使用react-app-rewired启动react项目报错

最新推荐文章于 2022-02-18 17:01:48 发布
最新推荐文章于 2022-02-18 17:01:48 发布
阅读量219 收藏
点赞数
文章标签： react.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57156748/article/details/120321817
版权

使用react-app-rewired启动react项目报错

报错内容如下：

关键报错内容：
The “injectBabelPlugin” helper has been deprecated as of v2.0
翻译过来就是：
自2.0版起，“injectbabelplugin”助手已被弃用

react-app-rewired的新版本删除了injectBabelPlugin，这些方法被移动到一个名为’customize-cra’的新包中

解决方法：
把react-app-rewired降到2.0版本

npm uninstall react-app-rewired

用上面的语句删除原来的react-app-rewired

npm i react-app-rewired@2.0.2-next.0

然后重新安装低版本的react-app-rewired

VR攻城狮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react 使用rewired_react-app-rewired start启动react项目报错
weixin_39624716的博客
12-21 1192
问题描述D:\client>yarn startyarn run v1.12.3$ react-app-rewired startD:\client\config-overrides.js:3config = injectBabelPlugin(["@babel/plugin-proposal-decorators", { legacy: true }], config);^^^^^^Syn...
解决react-cosmos在react-app-rewired项目里启动报错
魔侠的沙滩
03-20 1117
解决react-cosmos在react-app-rewired项目里启动报错
react-app-rewire-babel-loader：使用react-app-rewired在您的create-react-app项目中重新连接babel-loader加载器
01-31
react-app-rewire-babel-loader 使用在您的项目中 loader。 假设您在npm上找到了一个很棒的库，想要在未弹出的项目中使用它，但是不幸的是，它在ES6 +中发布（因为node_modules不会通过babel-loader进行传递），所以...
react-app-rewire-less-with-modules:react-app-rewired，支持更少CSS模块
05-10
安装 yarn add react-app-rewire-less-with-modules -D 或使用npm 例子 my-procejt / config-overrides.js const ... const { injectBabelPlugin } = require('react-app-rewired') const rewireLessWi
react-app-rewired:覆盖 create-react-app webpack 配置而不弹出-开源
07-18
调整 create-react-app webpack 配置而不使用 'eject' 并且不创建 react-scripts 的分支。 create-react-app 的所有好处，没有“无配置”的限制。 您可以添加任何需要的插件、加载器。 从 Create React App 2.0 开始...
react-app-rewire-html-webpack-plugin:重新连接create-react-app以覆盖项目中的html-webpack-plugin
05-23
重新连接create-react-app以覆盖项目中的html-webpack-plugin 让您覆盖选项 安装 $ yarn add react-app-rewired react-app-rewire-html-webpack-plugin -D $ npm install react-app-rewired react-app-rewire-...
react-app-rewire-sass-rule：添加SASS到带有react-app-rewired的create-react-app项目中
02-14
将SASS添加到您的creat-react-app项目中而不弹出 使用v1.x或v2.x 用于 使用v2.x 对于 受。 它具有withRuleOptions ，可让您配置除test以外的规则选项 安装 $ yarn add react-app-rewired react-app-rewire-sass-...
React中TypeScript中react-app-rewired 错解决方法
weixin_57157114的博客
09-16 347
react-app-rewired降到2.0版本 cnpm uninstall react-app-rewired 用上面的语句删除原来的react-app-rewired cnpm i react-app-rewired@2.0.2-next.0 然后重新安装低版本的react-app-rewired
【React】The “injectBabelPlugin“ helper has been deprecated as of v2.0.
zqq_2016的博客
10-23 253
具体错误信息： 解决方案：react-app-rewired的新版本中删除injectBabelPlugin方法，这些方法被移到一个“customize-cra”包中了。 1. 下载customize-cra依赖包 cnpm i customize-cra --save-dev 或 yarn add customize-cra --save-dev 2. 下载less，less-loader（如果用不到可以暂时不下载，直接跳转到第3步） cnpm i less cnpm i -D .
在react中webpact配置找不到以及npm run eject 报错
xiaocuizao的博客
09-05 465
我们在项目中肯定需要进行webpack配置，有俩种方案，一是将webpack.config.js抽离出来，另一种是在根目录下创建webpack.config.js文件，（注意：在react中我们是很难找到webpack.config.js文件的，如果想要看结构，可以构建一个demo的react项目，进行抽离，因为npm run eject的过程是不可逆的） 当我们进行抽离的时候可能会发现如下错误 ...
create-react-app project 报错问题
小时
03-01 2644
问题 操作系统： win7 使用命令 npm install create-react-app -g 然后 create-react-app project 报如下错误： 原因 npm 配置问题 在 node 安装成功后，自己配置了 npm 的全局模块的存放路径以及cache路径，但是没有进行系统环境的配置（因为公司电脑问题），然后只能删除自己的配置，当时删除了 C:\Prog...
React - react-app-rewired
sinat_33184880的博客
02-13 2042
react-app-rewired 与customize-cra 配合，用于 create-react-app 构建的项目中添加 Webpack 配置 yarn add customize-cra react-app-rewired --dev 更换 package.json 中的 script 命令 "scripts": { "start": "react-app-rewired...
解决react装饰器报错问题
weixin_47028422的博客
05-22 553
报错：Support for the experimental syntax ‘decorators-legacy’ isn’t currently enabled 解决方案： npm i customize-cra react-app-rewired @babel/plugin-proposal-decorators 项目根目录下新建config-overrides.js 加入代码： const { override, addDecoratorsLegacy } = require('custom
react-app-rewired 更新2.0.1之后关于babel-import-plugin的变动 (antd按需加载问题）
平平无奇的博客
01-09 6066
契机 今天在用antd-mobile时，需要配置按需加载，那自然就用到了 babel-import-plugin 那么在用到这个插件的时候，自然就想到要用 react-app-rewired 来覆盖配置。 然后根据 antd-mobile 官方文档进行配置，发现报错，如下： TypeError: injectBabelPlugin is not a function 当时就很懵逼，明明什么配置都...
使用react-app-rewired启动react项目报错（解决办法）
热门推荐
前端晋级之路
06-28 2万+
```PS D:\myself\my-app> npm start> my-app@ start D:\myself\my-app> react-app-rewired start'react-app-rewired' 不是内部或外部命令，也不是可运行的程序或批处理文件。npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! my-app...
创建react项目并启动出现的报错解决，学习资源
小白目的博客
02-18 6736
一、预备知识：npm或yarn 二、创建项目步骤： 1.全局安装： npm install -g create-react-app 2.切换到想创建项目的目录（hello-react）：create-react-app hello-react 3.进入项目文件夹：cd hello-react 4.启动项目：npm start 三、可能出现的报错： 1. 'react-app-rewired' 不是内部或外部命令，也不是可运行的程序或批处理文件。 原因：可能是由于create-re.
react-app-rewired
最新发布
07-27
React-app-rewired是一个用于create-react-app构建的项目中添加Webpack配置的工具。它可以与customize-cra配合使用。首先，你需要通过运行以下命令来安装react-app-rewired和customize-cra：yarn add customize-cra react-app-rewired --dev。然后，你需要更改package.json文件中的scripts命令，将start、build和test命令改为react-app-rewired start、react-app-rewired build和react-app-rewired test。这样，你就可以使用react-app-rewired来自定义Webpack配置了。React-app-rewired的使用可以帮助我们更好地实现对Webpack相关配置的自定义。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* [React - react-app-rewired](https://blog.csdn.net/sinat_33184880/article/details/104291527)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [关于 react-app-rewired的使用【前端】](https://blog.csdn.net/qq_45402495/article/details/122740469)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值