当前位置: 首页 > 工具软件 > status-react > 使用案例 >

React中使用create-react-app命令创建一个项目,运行npm run eject报错解决

颛孙正卿
2023-12-01

React中使用create-react-app命令创建一个项目,运行npm run eject报错解决
使用ant design搭建后台模板
使用create-react-app创建前端项目,并启动项目

create-react-app react-ant-admin-front
cd react-ant-admin-front
npm start

引入react-router和ant design

npm install react-router-dom --save
npm install antd --save

为了能按需加载ant design代码,需要进行配置

npm run eject

但是会报错

报错
 This git repository has untracked files or uncommitted changes:

Remove untracked files, stash or commit any changes, and try again.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! react-app@0.1.0 eject: `react-scripts eject`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the react-app@0.1.0 eject script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

解决:
 先
git add .
然后
git commit -m "init"
然后再npm run eject

为什么要运行npm run eject命令

以目前的项目结构配置,运行ant design的组件时,会加载ant design全部代码,为了能够提高性能,做到按需加载,需要进行配置
执行完上述命令之后,项目中会多出一个 config 的文件夹。
要做到按需加载,需要引入一个按需加载的组件

npm install babel-plugin-import --save-dev
1
前端环境全部搭建完成,接下来就可以进行前端的开发工作了
--------------------- 
作者:Amanda_wmy 
来源:CSDN 
原文:https://blog.csdn.net/Amanda_wmy/article/details/83378254 
版权声明:本文为博主原创文章,转载请附上博文链接!

 类似资料: