react搭建环境时执行npm start 报错 start: 'react-scripts start'几种常见解决办法

执行npm start 报错 my-app@0.1.0 start:‘react-scripts start’

我在搭建好react环境之后 只是安装了一个项目,然后在执行 npm start的时候出现了报错

错误如下图所示:
在这里插入图片描述
开始在网上搜索了一些办法 大部分问题都可以通过下面几种方法解决:

1)有的是因为node 或者webpack的版本不兼容的问题,据说5点几的npm有问题,建议升级或者重新安装稳定一点的版本。 不过这种的报错会出现一个版本冲突的提示

::此处我就不具体讲版本冲突的解决方法了。

2)网上有的说是端口被占用,但我检查过后发现不是端口的问题
3)还有一种情况就是缓存的问题 需要清除缓存、

cmd中执行: npm cache clean --force 清除缓存
执行你怕吗start即可 如不行可以试试先删除node_module包清除缓存之后再安装

4)可能存在create-react-app有丢包的缺陷,检查node_modules/.bin/目录下是否有react-scripts的文件 没有则需要重新npm install一下,这样npm start命令才能正常执行。

cmd命令:npm install react-scripts或者是npm install
有时采用上面两种方式也解决不了问题,可以使用yarn 安装.
: yarn

结果:

在以上几种方式都执行过后发现还是不能解决问题,依然报错。然后我试了重新安装node并且重新npm install都无济于事

当你用以上几种方法都没有解决报错的情况下应该就是下面这种情况了:

最后才发现主要错误是 spawn cmd ENOENT的原因 然后在网上找到问题所在是因为环境变量的原因,cmd没有设置系统环境变量,解决方案如下:
打开电脑计算机属性>选择高级>点击环境变量
在这里插入图片描述
在系统变量path中添加 c:\windows\system32即可,重新npm start就可以成功运行了

  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
ERROR Error loading C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\vue.config.js: ERROR Error: Cannot find module 'chokidar' Require stack: - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\mock\mock-server.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\vue.config.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@[email protected]\node_modules\@vue\cli-shared-utils\lib\module.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@[email protected]\node_modules\@vue\cli-shared-utils\index.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@[email protected]\node_modules\@vue\cli-service\bin\vue-cli-service.js Error: Cannot find module 'chokidar' Require stack: - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\mock\mock-server.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\vue.config.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@[email protected]\node_modules\@vue\cli-shared-utils\lib\module.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@[email protected]\node_modules\@vue\cli-shared-utils\index.js - C:\Users\86151\Desktop\stuAdminBli-master\frontend\vue-admin-template-permission-control\node_modules\.store\@[email protected]\node_modules\@vue\cli-service\bin\vue-cli-service.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) trol\mock\mock-server.js:1:18) at Module._compile (node:internal/modules/cjs/loader:1103:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1157:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12)
06-12

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值