react-eject指令报错

简介: 今天复习react的时候用脚手架创建项目后,想要用 webpack配置代理,需要运行eject指令,但是报错如下Remove untracked files, stash or commit any changes, and try again.error Command failed with exit code 1.

1.前言


今天复习react的时候用脚手架创建项目后,想要用 webpack配置代理,需要运行eject指令,但是报错如下

Remove untracked files, stash or commit any changes, and try again.

error Command failed with exit code 1.

])G}P$P_DJDRVT90M}8[IH4.png

错误截图


2.原因


看了下是修改了内容但没有提交的错误,但是这个并没有创建git仓库,不过发现脚手架自带了一个.gitignore文件,应该是这个问题,删除也是无效的哦,所以需要执行指令提交下就哦了


1.git init 
2.git  add .   
3.git commit -m "初始化git" 
4.npm run eject   或者  yarn eject 就行了


3.新增目录


其实package.json文件也添加了一些依赖,自己对比着看看


A9$]{@7}F$U@UGN(}~4BEZ3.png

新增配置文件


4.代理配置


webpackDevServer.config.js


proxy('/api', {
      target: '你要代理的服务器地址',
      changeOrigin: true,
      pathRewrite: {
        '^/api': '',
      },
    })



5.eject指令


npm run eject 会复制所有依赖文件和相应的依赖(webpack、babel等)到你的项目。是个单项操作,一旦 eject ,就回不去

用户就能完全取得 webpack 文件的控制权


6.后续


有兴趣的同学,回头再写篇初学者常用的git指令,欢迎交流




相关文章
|
3月前
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
271 1
|
4月前
|
前端开发
React使用useRef ts 报错
【8月更文挑战第17天】
71 4
|
3月前
|
前端开发 JavaScript 区块链
react18函数组件+antd使用指南-使用代码集合以及报错记录汇总
本文介绍了多个React开发中常见的问题及其解决方案,包括但不限于:1)`useForm`实例未连接到任何`Form`元素的警告及解决方法;2)监听页面滚动事件的实现方式;3)React 18与antd 5.8.6中定制主题的方法;4)React结合antd 4.x版本自定义主题色的步骤;5)解决`ResizeObserver loop`相关报错的技巧;6)处理React设计表单时遇到的CDN资源加载失败问题;7)解决onClick事件传参问题;8)修复类型错误等。每部分均提供详细分析与实用代码示例,帮助开发者快速定位并解决问题。
52 2
|
7月前
|
JavaScript
react+typescript通过window.xxx挂载属性报错的解决方案
react+typescript通过window.xxx挂载属性报错的解决方案
245 0
|
6月前
|
前端开发 索引
解决React报错Encountered two children with the same key
解决React报错Encountered two children with the same key
|
6月前
|
前端开发
react怎么做图片报错处理
react怎么做图片报错处理
76 1
|
7月前
|
JavaScript 前端开发
vue3中使用jsx报错React is not defined和h is not defined
vue3中使用jsx报错React is not defined和h is not defined
883 0
|
7月前
react+typescript装饰器写法报错的解决办法
react+typescript装饰器写法报错的解决办法
88 1
|
缓存 前端开发
前端项目实战捌拾捌react-admin+material ui-踩坑-List之一直报错需要什么样的字段
前端项目实战捌拾捌react-admin+material ui-踩坑-List之一直报错需要什么样的字段
44 0
|
7月前
|
Web App开发 前端开发 JavaScript
React项目中发生空白但不报错的原因分析和解决?
React项目中发生空白但不报错的原因分析和解决?
192 0