react搭建环境时执行npm start报错start: 'react-scripts start'的解决
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就可以成功运行了
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
React-Hook中使用useEffect清除定时器的实现方法
这篇文章主要介绍了React-Hook中useEffect详解(使用useEffect清除定时器),主要介绍了useEffect的功能以及使用方法,还有如何使用他清除定时器,需要的朋友可以参考下2022-11-11React路由渲染方式与withRouter高阶组件及自定义导航组件应用详细介绍
这篇文章主要介绍了React路由三种渲染方式、withRouter高阶组件、自定义导航组件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧2022-09-09
最新评论