npm run eject后执行npm start报错

最新推荐文章于 2024-05-16 23:30:33 发布
最新推荐文章于 2024-05-16 23:30:33 发布
阅读量3.1k 收藏
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Buddha_ITXiong/article/details/80431142
版权

在用creata-react-app脚手架构建react项目的时候，发现默认配置是不支持sass和less预编译的，对于习惯less写法的我来说是万万不能接受的，于是就百度查找“create-react-app配置less”，然后得出解决办法就是执行npm run eject，作用就是把之前的默认配置全部暴露出来，因此可以自定义修改webpack的配置。如图：



执行成功之后再次启动项目 npm start的时候发现报错了 ，让安装babel插件，好吧那我就安装一下，安装成功后再执行npm start又提示缺少插件，·············崩溃，最后发现解决问题的方法：在eject成功之后再次执行npm install 就可以了



Buddha_ITXiong
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ReactApp2:用于Npm和Bootstrap
04-01
npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从项目中删除单个构建依赖项。 相反，它将所有配置文件和传递依赖项（webp
npm run eject命令
你是我修复不了的bug，但我会用一生去维护
11-18 3392
npm run eject命令 如果熟悉webpack的小伙伴，知道package.json中的配置会很多，而react脚手架中的package.json中，依赖为什么这么少。这是因为像webpack，babel等等都是被creat react app封装到了react-scripts这个项目当中，包括基本启动命令 都是通过调用react-scripts这个依赖下面的命令进行启动的。npm run eject，会将原本creat react app对webpack，babel等相关配置的封装弹射出来，如果我
解决create-react-app创建项目后，执行npm run eject再执行npm start报错
咕咚在否的博客
06-14 1209
错误信息：Cannot find module babel-preset-react-app/node_modules/@babel/runtime/helpers/slicedToArray Try: npm add @babel/runtime
react create-react-app v5 从零搭建（使用 npm run eject）_react app
最新发布
2401_83946826的博客
05-16 937
exclude: /(node_module)/, //这是一个正则表达式，用于指定哪些文件应该被排除在转换之外。// mediaQuery: false, //这个选项表示是否应该在媒体查询中转换px单位。2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?6、Squid、Varinsh和Nginx有什么区别，工作中你怎么选择?6、Squid、Varinsh和Nginx有什么区别，工作中你怎么选择?
【react】react项目运行npm run eject报错解决办法
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
12-24 2067
报错原因 脚手架添加.gitgnore文件，但是却没有本地仓库。 解决流程 常用办法: cd project //进入项目根目录 git init　　// 当前目录新建代码库 git add .　　// 添加当前目录所有文件到暂存区 git commit -m 'Saving before ejecting'　　// 提交暂存区到仓库区 npm run eject //项目根目录运行 如果运行npm run eject报错，查看项目根目录package.json文件，添加eject: react-scr
npm run eject后的create-react-app项目自定义eslint配置方式
winne雪
05-10 1002
前言： 当我们需要对create-react-app项目的配置进行高度修改的时候，我们需要npm run eject，把配置文件都暴露出来。 这时候如果我们想要在项目中配置自定义eslint，可以参照以下步骤进行。 一、首先检查是否安装了 eslint和babel-eslint 查看package.json文件，一般npm run eject之后都会看到已经安装了。 如果尚未安装，则需要安装。 全局安装： npm install eslint babel-eslint -g 当前项目安装（推荐）： npm
解决React中运行npm run eject报错的问题
MissRen920的博客
03-16 1103
解决React中运行npm run eject报错的问题 最近开始学习React，使用是creat-react-app来初始化一个react项目，然后发现想要自己手动配置webpack却不知道在哪里，通过bd发现在package.json中有这样一堆代码： "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "ej
gvsig-geocode:Uso de npm gei
03-31
npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（we
npm-api-react-sample-project
03-28
npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（web
Admin-Panel-ReactApp-:Npm
03-30
npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（we
react-twitter-clone：MaterialUI（用于图标和flexbox），React（用于构建），CSS（用于样式），Firebase（用于在线部署），npm（用于tweet中的动画）
02-03
该项目是通过。可用脚本在项目目录中，可以运行：npm start 在开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑，页面将重新加载。...npm run eject 注意：这是单向操作。 eject ，您将无法返回！
npm run eject 配置
10-30
此处的配置页分为eject过的项目和未eject的项目两种，后者antd逛网有详细描述可参考，此处只讲本项目中的配置方式，要用less，当然少不了安装less和less-loader了，运行安装
运行 run eject命令之后报错
Run_youngman的博客
08-17 3154
create-react-app这个脚手架很好，快速搭建一个react项目十分便利，但是这个里面也有很多坑，包括antd的引入，babel的配置，以及webpack的配置导出等。在这里我把我踩过的坑给大家分享一下，由于我写的代码也不够深入，所以可能不够全面，但是对于帮助一个初学者更快的了解项目肯定是十分有用的，我自己本身很笨，所以我写的比较啰嗦，方便自己遇到问题之后过来再温习一下，之前写过几篇文章...
react五星重点npm run eject
热门推荐
hongyanwang
06-13 1万+
#欢迎 在用creata-react-app脚手架构建react项目的时候， 当我们使用软件打开之后，会发现共有几个文件 其中： 1.node_modules是各个插件存放位置 2.public用于放置静态资源，里面的资源不会参与构建 3.src是源码文件，一般做开发就在这个文件夹，会参与打包构建 重点来了： 在package.json中： 只有三个依赖，分别是react，react-dom,...
react run eject报错 修改git配置
陈旭阳
11-06 2874
rcreate-react-app命令创建一个项目 运行npm run eject报错 运行项目 当我创建了一个react项目之后，略微修改了一些项目的文件 通过eject来导出配置 create-react-app elme-app npm run eject 出现问题 原因： git 配置问题 解决方案： //第一步 git add . //第二步 git commit -m "init"...
React 运行npm run eject的问题
weixin_44375429的博客
07-16 3935
@TOC最近刚开始解除react 用的是官方推荐的create-react-app脚手架工具 如果想要自己修改webpack之类的配置需要执行npm run eject弹出配置文件 但这个操作是不可逆的 遇到一个问题就是我执行npm run eject之后 发现所有依赖的包都加在了dependencies里， 类似babel，eslint之类的配置都放在了里面 如下 package.json里面的...
npm run eject 报错
BarryLee的博客
12-16 4045
This git repository has untracked files or uncommitted changes: .idea/ src/ Remove untracked files, stash or commit any changes, and try again. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! re...
React 报错（npm run eject）
CCwm0129的专栏
08-01 5358
执行 npm run eject 提示输入 y/N 输入 y 报错 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 eject 暴露webpack报错，less或sass添加报错
qq_32563571的博客
11-19 881
在使用react时候，添加sass或者less，需要暴露config里的webpack出来，直接npm eject会暴以下错； Usage: npm <command> where <command> is one of: access, adduser, audit, bin, bugs, c, cache, ci, cit, clean-instal...
执行npm run build报错
07-28
执行npm run build报错可能是由于多种原因引起的。根据引用\[1\]和引用\[2\]的内容，一种可能的解决方法是彻底删除C:\Users\你的用户名\AppData\Roaming目录下的npm和npm-cache这两个文件夹，然后卸载node，重新安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值