首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Yarn start不能与react-app-rewired一起工作

Yarn是一个用于包管理的工具,而react-app-rewired是一个用于配置Create React App脚手架的扩展工具。它们通常用于React前端开发中。

当你使用Yarn start命令启动React应用时,它会查找项目中的"scripts"配置,并执行其中定义的命令。而react-app-rewired则允许你修改Create React App的默认配置,从而实现定制化的构建过程。

然而,Yarn start和react-app-rewired在工作方式上有一些冲突。Yarn start会使用默认的Create React App配置来启动开发服务器,而react-app-rewired需要通过修改配置文件来启用自定义配置。由于Yarn start不支持自定义配置,因此它无法与react-app-rewired一起工作。

解决这个问题的一种方法是使用react-scripts的自定义脚本命令,而不是直接使用Yarn start。你可以在package.json文件中的"scripts"配置中修改启动命令,使用"react-scripts start"代替"Yarn start"。这样就可以在使用react-app-rewired进行自定义配置的同时,启动React应用。

总结:

  • Yarn是一个包管理工具,用于管理项目中的依赖项。
  • react-app-rewired是一个用于自定义Create React App配置的工具。
  • Yarn start用于启动React应用的开发服务器。
  • Yarn start和react-app-rewired存在冲突,无法一起工作。
  • 解决方法是使用"react-scripts start"代替"Yarn start"来启动React应用,同时使用react-app-rewired进行自定义配置。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【原创】不想eject,还咋修改create-react-app的配置?

一、先抛问题 许多刚开始接触create-react-app框架的同学,不免都会有个疑问:如何在执行eject操作的同时,修改create-react-app的配置。...今天胡哥就来带大家一起来看看这个问题~ 二、为啥建议执行eject 1. 执行eject产生了什么变化?...和customize-cra来完成配置的扩展~ 这里划重点,记住要考呦~ 我们划分几个步骤,来一一实现: 下载安装依赖 yarn add react-app-rewired customize-cra...": "react-scripts start", + "start": "react-app-rewired start", - "build": "react-scripts build",...yarn add sass -D 接下来我们来less的是如何支持的 安装依赖: yarn add less less-loader@7.3.0 -D 注意这里less-loader的版本 less-loader

2.9K40

TypeScript 、React、 Redux和Ant-Design的最佳实践

written in JavaScript,意即“任何可以用JavaScript来写的应用,最终都将用JavaScript来写”在使用新技术的时候,切忌要一步一步的来,如果当你尝试把两门不熟悉的新技术一起结合使用...作者的心得,持之以恒的努力,把每个技术逐个击破,最后结合起来使用,如鱼得水,基础牢,地动山摇,本文的代码会把所有配置和Redux,Ant-Design全部配好,开箱即用,其他的功能你看Ant-Design...的文档往里面加就行了~ ---- 正式开启: 本文介绍如何配置,已经整体的业务流程如何搭建 GitHub源码地址 包管理器,使用yarn或者npm都可以,这里建议使用yarn,因为Ant-Design...官方推荐yarn,它会自动添加依赖。...": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired

2.8K20

react 脚手架生成的项目执行什么命令可以展示 webpack 配置?

然而,如果你想查看或修改 Webpack 的配置,有几种方法可以做到这一点: 使用 eject 命令: 运行 npm run eject 或 yarn eject(取决于你的包管理器)会永久地将 react-scripts...使用 react-app-rewired: 如果你不想永久地暴露 Webpack 配置,但仍然想对其进行修改,你可以使用 react-app-rewired。...这是一个社区解决方案,允许你在执行 eject 的情况下覆盖 create-react-app 的默认配置。...安装 react-app-rewired 和任何你想要使用的自定义配置插件(如 customize-cra)。...请注意,修改 Webpack 配置可能会导致构建和启动过程出现问题,特别是如果你不熟悉 Webpack 的工作原理和配置选项。

18910

在线网站 blog-react 项目的文档说明

cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet"> 第六步:对 markdown 样式的补充 如果补充样式...注意点 7.1 打包的配置 因为项目是用了 react-app-rewired (一个对 create-react-app 进行自定义配置的社区解决方案) 来打包了,所以如果你想修改 webpack.config.dev.js...和 webpack.config.prod.js 的配置,打包后可能看不到想要的效果,因为 react-app-rewired 打包时,是根据根目录的 config-overrides.js 来进行打包...Build Setup ( 建立安装 ) ¨K30Knpm install¨K31Knpm start 或者 yarn start¨K32Knpm run build 或者 yarn run build...如果要看完整的效果,是要和后台项目 blog-node 一起运行才行的,不然接口请求会失败。

94140

react配置生产环境和测试环境地址

写在前面 之前一直写关于vue的文章,经常看我文章的可能从上篇文章就知道了我已经写vue了,以后就写react了,会持续更新,今天说一下我搭建框架的时候配置不同环境的步骤,大家可以借鉴以下,也可以自己搞一下...'production' 配置package.json[scripts选项中添加如下代码] "build:prod": "cross-env REACT_APP_ENV=production react-app-rewired...build", "build:dev": "cross-env REACT_APP_ENV=development react-app-rewired build", ?...安装cross-env插件,进行识别环境地址 使用npm安装 npm i -D cross-env 使用yarn安装 yarn add cross-env PS:如果安装失败可以删除本地的node_modules...打包部署 生产环境: yarn build:prod 测试环境: yarn build:dev 本地测试 serve serve ./build/

2.7K20

写给前端新人:从 0到1 搭建一个前端项目,都需要做什么?

【master 分支:完整版,包含 typescript ;typescript-react 分支: 包含 typescript 的完整版本】 一、项目启动 了解需求背景 了解业务流程 二、项目搭建初始化...设置淘宝镜像仓库 $ yarn config set registry registry.npm.taobao.org/ -g $ yarn config set sass_binary_site cdn.npm.taobao.org...增加代码进行性能测试 test: 增加测试用例 chore: 改变构建流程、或者增加依赖库、工具等 revert: 当前 commit 用于撤销以前的 commit subject 是 commit 目的的简短描述,超过...add react-app-rewired customize-cra -D 修改 package.json 中启动项 // package.json "scripts": { "start"...: "react-app-rewired start", "build": "react-app-rewired build", } 使用 // config-overrides.js const

4.8K50

2022年了你必须要学会搭建微前端项目及部署方式

只需要遵循统一的接口规范或者框架,以便于系统集成到一起,相互之间是不存在依赖关系的。 单一职责。每个前端应用可以只关注于自己所需要完成的功能。 技术栈无关。...()=>{ console.info('load') // singlespa问题 // 加载文件需要自己构建script标签 但是不知道应用有多少个文件 // 样式隔离...ReactDOM.unmountComponentAtNode(document.getElementById("root")); } 重写react中的webpack配置文件 (config-overrides.js) yarn...add react-app-rewired --save-dev 修改package.json文件 // react-scripts 改成 react-app-rewired "scripts"...: { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired

2.3K31

类型即正义:TypeScript 从入门到实践(序章)

运行如上命令,命令行里面应该会有一系列输出,等待几分钟,就会提示已经初始化完成,并提供了对于的命令来帮助你开启项目,我们根据提示输入如下命令来开启项目: $ cd typescript-tea $ npm start...接下来就需要改写一下 CRA 之前通过 react-scripts 跑开发构建的流程,用我们安装的 react-app-rewired 脚本来替换它,当安装完了所以依赖,以及用react-app-rewired...react-dom": "^16.13.0", "react-scripts": "3.4.0", "typescript": "~3.7.2" }, "scripts": { "start...": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired...所有的准备工作已经就绪,在开始下一节真正的 TS 学习之前,我们先来回顾一下我们在这个小节中所完成的工作: 使用 CRA 的 TypeScript 脚本初始化了一个 TS 版的 React 项目 安装了

1.5K20
领券