创建react项目出错或者运行（npm start）出错的解决办法

最新推荐文章于 2023-04-15 06:30:57 发布
最新推荐文章于 2023-04-15 06:30:57 发布
阅读量907 收藏 1
点赞数 1
分类专栏： react学习过程中的问题 文章标签： npm react.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zwjl1017/article/details/126852503
版权
当遇到npm错误时，可以尝试切换到淘宝npm镜像，或者使用yarn并更改其源为国内。若以上方法无效，删除node_modules及package-lock.json后重新安装依赖。如果仍然出错，进一步清除npm缓存，然后再次执行安装。这些步骤通常能有效应对大部分npm安装问题。
摘要由CSDN通过智能技术生成

如果npm出错，有以下的解决办法

  1. 切换为npm镜像为淘宝镜像
  2. 使用yarn，如果使用yarn还要失败，把yarn的源切位国内
  3. 如果还是出错，删除node_modules以及package-lock.json,重新在命令行下载依赖（npm install）
  4. 第三个方法还不能解决的话，删除的同时把npm缓存也清掉（npm cache clean --force），之后再执行（npm install）

借鉴以及记录问题所在，希望大家多多指教

小码哥在码bug
关注
专栏目录
创建react项目时，文件列表只出现两种文件，分别为node_modules, package.json，使用npm start报错
qq_39176313的博客
02-19 845
报错如下： npm ERR! missing script: start npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\wx\AppData\Roaming\npm-cache\_logs\2020-02-19T07_36_12_091Z-debug.log 折腾了好久后，查到了错误原因： ...
创建react项目时遇到的报错
qq_45429539的博客
02-04 4525
创建react项目时遇到的报错 百度到的第一个方法： 1.执行npm install -g create-react-app全局安装 2.执行npx create-react-app myapp创建项目 结果控制台打印： (node:18924) ExperimentalWarning: The fs.promises API is experimental You are running `create-react-app` 4.0.1, which is behind the latest relea
react项目首次启动失败
weixin_44252067的博客
04-09 1182
react项目首次启动失败 一般这种原因都是因为在启动项目的时候没有进入项目的根文件夹，在终端 cd 到根文件夹，然后再用npm start重新启动项目
react 创建项目后 npm start 启动后报错 踩坑记录一下
m0_58185022的博客
04-02 316
再查资料说可以注销代码，代码文件路径为react-demo\node_modules\@pmmmwh\react-refresh-webpack-plugin\client\ReactRefreshEntry.js。刚刚开始不知道是什么原因，查了很久资料，感觉方向不对，突然想到可能是由于自己安装了Developer Tools的问题，我把扩展程序关了，项目无报错。看到博主说版本不对，就按照博主操作了，我用的也是react18， Developer Tools需要更换到版本4，然后到这个地址，去下载。
创建react项目npm报错code EINTEGRITY
斑码斑码
12-09 769
create-react-app创建react时报错，主要原因是npm install失败，解决这个问题的方法网上有很多种，罗列一下： 升级npm版本： npm install -g npm （有不少人反应这个方法无效） npm清缓存： npm cache verify npm cache clean npm cache clean --force 3.npm更换镜像源： npm install -g cnpm ...
使用npm安装react使用中报错问题
u012086400的专栏
01-03 6391
刚开始学习react，首先按照教程写了一遍代码。 React 入门实例教程 - 阮一峰的网络日志 过程中也并没有遇到什么问题，接着开始写小的项目，使用了node.js中npm 安装各种需要的包，按需引入；使用了gulp进行模块打包。react相关： npm install react –save gulp相关： gulp、gulp-connect、gulp-browserify、gu
create-react-app在WSL中执行npm start出错
无声告白
06-08 573
最近在Windows10中的wsl2中使用create-react-app创建了工程后，发现执行npm start或yarn start时会报错： Error: spawn cmd.exe ENOENT 经过调试，发现是尝试调用本地浏览器打开页面时出现了错误，具体代码在open库中： 可以看到尝试使用cmd.exe启动浏览器时出现了问题，没有找到cmd.exe，一般来说安装wsl2时，会将windows10的环境变量也附加到wsl2环境中，但是cmd.exe所在的/mnt/c/System32路径没被附
使用npx(creact-react-app) 构建项目后-npm start启动报错
hahahhahahahha123456的博客
10-24 2020
使用create-react-app创建的React项目时，有时在安装完其他组件后，再次运行 npm start 命令时会报以上错误，让我很郁闷，不过在上网搜了这个错后原来： 是create-react-app有丢包的缺陷，手动安装包后，需要重新npm install一下，这样node_modules/.bin/目录下才会重新出现react-scripts的文件，这样npm start命令才...
【React】运行他人的react项目遇到的坑
xiaoyinmochun的博客
04-12 6335
    在学习React的过程中，研究其他人写的react项目，是个很好的方式。由于react项目，有许多的依赖包，而且一般在上传源码的过程中都不会上传node_modules下的依赖包，因此在运行其他人的react项目时，需要自己在本地安装依赖环境。 本次学习的项目是W3CSchool的一个练习项目，从网上下载到本地，放在自己的工作空间中，该项目下载链接参考如下： W3C学习项目下载地址 ...
react项目热部署搭建
01-23
7. **运行项目**： 最后，执行`npm start`或`yarn start`启动开发服务器。现在，每次保存代码更改，浏览器会自动更新，而无需手动刷新。 在实际开发中，热部署不仅能提高开发效率，还能减少出错的可能性，因为它...
react项目环境创建失败
ohnk_的博客
08-20 343
create-react-app 老是出错后卸载 错误信息是：error f:\react\demo\node_modules\babel-runtime\node_modules\core-js: Command failed. 删除全局的yarn即可解决 npm uninstall yarn -g
react项目启动失败
m0_37353299的博客
07-16 2186
react项目启动失败： 问题描述： create-react-app创建并且初始化依赖完毕，通过npm start启动失败， 看似一切正常但是这个时候一直卡在准备启动的环境中（Starting the development server…） 原因分析： 这个问题产生的原因是因为windows安全禁止意外的操作打开浏览器和网络 解决方案： 重启一下注意看有没有windows的安全提示信息，如果没有，那就重启电脑，然后再启动一下项目就会有提示，选择同意并且不再提示就可以了 ...
解决React中运行npm run eject报错的问题
MissRen920的博客
03-16 1125
解决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
react native项目无法正常运行的一些原因及其解决方法
weixin_51867204的博客
04-15 1537
这里强推真机模拟，大家刚开始上手rn最开始接触到的肯定是android studio自带的模拟器，这个是真的有点坑的，别嫌麻烦研究一下怎么打开手机的开发者模式。记得连接usb后选择文件传输，仅充电是开发不了一点的。可以选择在输入指令时在末尾添加 --port=端口号。rn脚手架遇到端口冲突不会自动调整，只能手动调整。也可以在配置文件中修改配置（我不知道在哪，百度有）刚开始用rn的时候项目经常打不开，总结了下面几个方面的问题。项目一会儿能跑一会儿跑不了基本是缓存问题。
react项目npm start 失败的解决方法
Y4258的博客
10-21 781
有时，npm start上一秒还行，但是不知怎么就不行了，报错react-app-rewired start有问题，这时候你需要重新安装依赖 npm install
react项目启动不了究极大招
m0_64337756的博客
04-20 1491
出现类似Cannot find module 'react-dev-utils/getPublicUrlOrPath'一般是项目中没有下载报错中提到的模块（可以在项目中package.json文件dependencies属性查看） 这时候只要使用指令 npm install --save-dev react-dev-utils 假如使用之后还报错，那可能是无法解析依赖树的问题，好 放大招 npm i --legacy-peer-deps 应该就解决了 还解决不了的话那我也无能为力了
npm run start 运行报错：Missing script: “start“
qq_53963337的博客
12-12 2746
报错如图： 解决方法： 在package.json文件夹下执行npm run start命令
npm ERR! missing script: start
热门推荐
qq_39699956的博客
04-13 3万+
检查是否有“node_modules”目录 若没有，则先输入命令： npm install 若已有进入下一步。 打开package.json文件并添加如下 "scripts": { "start": "node dev-server.js 8080" }, start里加入node 你要运行的文件名（在根目录下不需要加目录，其他目录下要目录，根目录为./）端口号 *注意！*最后面的...
react搭建环境时执行npm start 报错 start: 'react-scripts start'几种常见解决办法
zhang_xiao_xie的博客
12-03 2万+
执行npm start 报错 react-demo@0.1.0 start:‘react-scripts start’ 我在搭建好react环境之后 只是安装了一个项目，然后在执行 npm start的时候出现了报错 错误如下图所示： 开始在网上搜索了一些办法 大部分问题都可以通过下面几种方法解决： 1）有的是因为node 或者webpack的版本不兼容的问题，据说5点几的npm有问题，建议升...
npm 创建react项目
最新发布
07-28
要npm创建一个React项目，可以按照以下步骤进行操作： 1. 首先，确保你的计算机上已经安装了Node.js。你可以在终端或命令提示符中运行`node -v`来检查是否已经安装。 2. 打开终端或命令提示符，并进入你想要放置项目的目录。 3. 运行以下命令来创建一个新的React项目： ``` npx create-react-app my-app ``` 这将使用create-react-app脚手架工具创建一个名为"my-app"的新项目。npx是npm 5.2.0以上版本附带的一个工具，用于运行临时安装的包。 4. 创建过程可能需要一些时间来安装和配置项目所需的依赖项。完成后，你将看到一条消息提示你项目已经创建成功。 5. 进入新创建的项目目录： ``` cd my-app ``` 6. 最后，运行以下命令来启动React开发服务器： ``` npm start ``` 这将启动一个本地开发服务器，并在默认浏览器中打开你的React应用程序。 现在，你已经成功地使用npm创建了一个新的React项目！你可以在my-app目录中开始编写React代码，并通过浏览器访问http://localhost:3000来查看你的应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值