【React】React 项目启动卡在Starting the development server...的问题

原创 已于 2022-08-11 15:21:29 修改 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react.js #javascript #前端

于 2022-08-05 19:08:30 首次发布
本文介绍了React项目启动时遇到卡在Starting the development server...状态的常见问题及其解决方法。问题根源在于powershell.exe被电脑管家禁止，通过添加信任文件到安全设置并重新启动VSCode即可解决。

【React】React 项目启动卡在Starting the development server…的问题

文章目录

React 项目启动卡在Starting the development server…的问题

原因

最近在学React,总是遇到启动项目后卡在Starting the development server...不动,不自动弹出浏览器也没有弹出网址查了很久的资料都没有发现问题,结果在清理垃圾的时候发现有一个不信任文件,然后我就查看一下发现原来是因为被电脑管家给禁用了 …我很无语

如果有小伙伴遇到这个问题可以这样解决

解决办法

在这里插入图片描述

按照上图然后进去选择添加文件，将powershell.exe添加到信任项

powershell.exe的具体位置在C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe

重启vscode就可以了

总结

以上就是今天要讲的内容，希望对大家有所帮助！！！

React Native 开发环境搭建（全平台详解）
zimin的专栏
06-09 1840
在开始使用 React Native 开发移动应用之前，正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南，涵盖 macOS 和 Windows 平台的配置步骤，如何在 Android 和 iOS 的模拟器或真机上运行应用，以及 Expo CLI 和 React Native CLI 的详细对比。此外，我们还将总结常见错误及其解决方案，帮助你顺利完成环境搭建。本文的目标是让无论是初学者还是有经验的开发者都能轻松上手 React Native 开发。
starting-node
06-27
#起始节点 创客学院第 7 周 ＃＃＃笔记 这是一个小的时间填充项目，只是为了练习在 Node 中设置环境进行测试。 使用 Grunt 实现自动化，并将保龄球 kata 作为项目的主题。 Jasmine-Node 与 JSHint 一起用于减少代码异味。
Vue 编译 INFO Starting development server...
热门推荐
星梦的博客
01-18 1万+
Vue 编译 INFO Starting development server... INFO Starting development server... Starting type checking service... Using 1 worker with 2048MB memory limit 运行日志 问题： 运行vue项目，使用2G内存，不知道如何更改。 DevOps 要求将前端生成限制为 +1GB 的 RAM，以便我们的 Jenkins 实例不会关闭。我们使用标准项目，带.
若依报错解决
m0_68226879的博客
06-05 3892
Node.js 的版本太高，在 Node.js V17 版本中发布的 OpenSSl3.0 对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成影响。这个方法不推荐，因为在实际开发中，要求每一个开发人员都因为一个项目而降低版本不合理，有的开发人员有多个项目，会连锁反应。第二： Linux 或者 WSL 环境 不要在开发工具的终端输入！第一：windows 环境 不要在开发工具的终端输入！在命令行输入： 输入完成之后重新启动项目即可。第二：主动降低 Node.js 的版本。开发工具：VsCode。
解决 React 项目初始化（npx create-react-app）速度慢的 7 个实用方案
冰万森的博客
10-09 987
国内开发者使用create-react-app初始化项目时，常因网络问题导致速度缓慢。本文提供7种解决方案：1）切换淘宝镜像源；2）清理npm缓存；3）使用cnpm替代；4）改用Yarn；5）升级Node.js/npm；6）检查代理设置；7）释放系统资源。其中切换淘宝镜像和使用Yarn是最有效的两种方法，能显著提升初始化速度。文章还提醒注意cnpm的兼容性问题、Yarn缓存清理等细节，帮助开发者快速搭建React项目环境。
Module build failed: Error: Missing binding
TYPFOON的博客
02-27 3771
npm run dev启动前端工程以后终端出现超长报错，如下： > shop@2.4.0 dev > vue-cli-service serve INFO Starting development server... 10% building 2/2 modules 0 activeℹ ｢wds｣: Project is running at http://localhost:8013/ ℹ ｢wds｣: webpack output is served from / ℹ ｢wds｣:
SIGINT、SIGKILL和SIGTERM的区别
衣乌安、随笔
11-16 2290
  首先要知道的是SIGINT、SIGKILL和SIGTERM代表的时一种信号。什么是信号？信号是一个 POSIX 内部通信系统：发送通知给进程，以告知其发生的事件。（windows系统不支持）。 这三个个信号都是用来终止进程的。 三者之间的区别 SIGINT 信号值为2，当用户按Ctrl+C时触发默认行为会终止当前进程，支持自定义覆盖其默认行为（利用trap命令捕获对应信号自定义处理逻辑）; kill -2 <process_id> SIGTERM 信号值为15，kill命令的默认值，终止进
react启动卡住Starting the development server...
qq_41904028的博客
05-13 4932
react启动卡住Starting the development server… npm start 或者yarn start 启动一直卡在Starting the development server…，如下图： #原因 可能有多个原因，我遇到的原因是： windows安全禁止意外的操作打开浏览器 #解决方法 1、重启IDE—>启动项目，看看有没有windows弹窗提示允许或者拒绝操作，（我到这一步没有提示） 2、上一步没有提示的话，重启电脑再启动IDE、启动项目，就有提示了，然后选择允许操作，不
解决craco启动react项目卡死在Starting the development server的问题
jiaohuizhuang6019的博客
09-29 856
解决craco启动react项目卡死在Starting the development server的问题
INFO Starting development server... When `proxy` in package.json is an object, each `context` object must have a `target` property specified as a url string
05-10
在开发环境中，当使用 `create-react-app` 或其他类似的前端框架时，可以通过设置 `package.json` 文件中的 `proxy` 字段来处理 API 请求转发。如果将 `proxy` 设置为一个对象而不是字符串，则需要明确指定每个上...
PS D:\react-projects\d-demo> npm start > d-demo@0.1.0 start > react-scripts start (node:7732) [DEP0176] DeprecationWarning: fs.F_OK is deprecated, use fs.constants.F_OK instead (Use `node --trace-deprecation ...` to show where the warning was created) (node:7732) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. (node:7732) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. Starting the development server... Compiled successfully! You can now view d-demo in the browser. Local: http://localhost:3000 On Your Network: http://10.9.0.159:3000 Note that the development build is not optimized. To create a production build, use npm run build. webpack compiled successfully这几个warning怎么办
最新发布
11-08
我们面临的是在Windows PowerShell中运行`npm start`时出现的DeprecationWarning警告，涉及三个问题： 1. `fs.F_OK` 被弃用 2. `onAfterSetupMiddleware` 3. `onBeforeSetupMiddleware` 这些警告通常是由webpack-...
INFO Starting development server... 98% after emitting ERROR Failed to compile with 1 error 5:32:00 PM Syntax Error: Error: No ESLint configuration found in /root/home/poetize-master/src.
08-15
该问题常见于 Vue 或 React 项目中，尤其是在未正确初始化 ESLint 配置的情况下。 #### 创建 ESLint 配置文件 可以通过以下方式为项目添加 ESLint 配置文件： 1. **使用 `eslint --init` 初始化配置文件** 执行...
PS D:\projects\testFACEICD>npm run start >@asw/hr-react-cli00.1.0 start D:\projects\testFACEICD set PORT=3020 &&react-app-rewired start --REACT_APP_ENV=local The following changes are being made to your tsconfig.json file: compilerOptions.paths must not be set (aliased imports are not supported) Something is already running on port 3020. Would you like to run the app on another port instead?Yes build [===== ]bui1ding(1o%)i「wds」：Project is running at http:/10.2o0.0.178/ iwds]:webpack output is served from i[wds]:Content not from webpack is served from D:\projects\testFACEICD\public iTwds]:404s will fallback to Starting the development server... Build completed in 129.22s Failed to compile. undefined TypeScript error in undefined(undefined,undefined): Cannot find type definition file for 'minimatch'. The file is in the program because: Entry point for implicit type library 'minimatch'TS2688 ；npm run start 启动报错如上，请分析一下原因，并给出解决方案
11-06
安装后重新启动项目（`npm run start`）。 #### 方法2：升级TypeScript版本 如果已安装`@types/minimatch`但仍报错，可能是TypeScript版本过低。升级TypeScript： ```bash npm install typescript@latest --save-...
关于项目启动卡在Starting the development server...的问题
weixin_45630345的博客
06-14 7571
关于react项目卡在项目启动...
Starting the development server 报错和解决
MichaelAn的博客
04-12 4501
最近某个项目开发环境升级后，运行 npm start 后无法启动项目，终端始终显示 Starting the development server…，浏览器 localhost: 3000 界面显示空白。错误截图。
react项目运行无法启动一直Starting the development server...（weixin公众号【图说GIS】）
ONEGISER的博客
02-10 2296
解决方案 https://blog.csdn.net/Xiang_Gong_Ya_/article/details/117285803 https://blog.csdn.net/wron_path/article/details/119246698 https://blog.csdn.net/m0_37353299/article/details/118802657 以上都试了，不行，下面是我们同事遇到此问题的解决方案 Browserslist: caniuse-lite is outdated. P
react项目运行无法启动一直Starting the development server...
TE杨
07-30 3359
问题原因： 安全卫士拦截了脚本执行 解决方法： 操作目标:[执行]C:\WINDOws\System32\WindowsPowerShel\v1.O\powershell.exe 把上面的路径添加到信任区
vue-cli 项目启动输出 INFO Starting development server... 69o/o after emitting CopyPlugin
m0_45245350的博客
04-12 1808
前端初学者，今早遇到一个问题，npm启动vue项目时，启动不起来，也没有报错，最后发现了问题的解决方法，是因为我把前端的代码没写完，所以启动不起来。 在遇到项目不报错，启动不完整时，就是里里面的代码没写完，写完就能启动成功。 ...
linux启动卡在starting create volatile files and directories
05-28
<think>嗯，用户遇到了Linux启动时卡在“starting createvolatile filesand directories”的问题，我需要帮他们解决。首先，我应该回忆一下这个错误通常是什么原因引起的。可能跟systemd的服务有关，特别是systemd-tmpfiles-setup.service，因为它负责创建临时文件和目录。接下来，用户可能需要进入恢复模式或者单用户模式来检查服务状态。我记得可以通过在启动时按Esc或者Shift进入GRUB菜单，然后选择恢复选项。进入恢复模式后，可能需要挂载文件系统为可写，因为默认可能是只读的。可以用mount -o remount,rw /命令。然后，检查服务的日志是关键。用journalctl-u systemd-tmpfiles-setup.service应该能显示相关日志，看看有没有错误信息。比如权限问题、磁盘空间不足或者文件系统错误。如果是权限问题，可能需要运行fsck检查文件系统，或者手动清理/tmp目录下的文件。 另外，用户可能需要检查磁盘空间，使用df-h命令看看是否有分区满了，特别是/tmp所在的挂载点。如果空间不足，删除一些大文件或者清理日志可能有帮助。还有可能是文件系统损坏，这时候建议运行fsck命令。需要注意umount分区后再运行，否则可能会有风险。如果用户不太熟悉，可能需要指导他们正确的步骤，比如在恢复模式下运行fsck/dev/sdXn。还有可能的问题是与特定的tmpfiles配置有关，检查/etc/tmpfiles.d/下的配置文件是否有错误。如果有自定义的配置，可能需要临时移除，看看是否解决了问题。最后，如果问题依然存在，可能需要重新安装systemd相关的包，或者更新系统。对于不同的发行版，命令可能不同，比如Ubuntu用apt，CentOS用yum。 生成相关问题时，要考虑用户可能的后续疑问，比如如何进入恢复模式，如何检查其他服务状态，或者如何预防这类问题再次发生。需要确保问题覆盖了故障排除的各个方面，帮助用户深入理解。</think>### 解决Linux启动卡在"starting create volatile files and directories"的方法 #### 1. 定位问题根源 该提示属于systemd的`systemd-tmpfiles-setup.service`服务，负责创建临时文件和目录[^1]。卡顿可能由以下原因导致： - 文件系统权限错误 - 磁盘空间不足（使用$df -h$检查） - /tmp目录挂载异常 - 文件系统损坏 #### 2. 进入恢复模式 1) 重启时按Esc/Shift进入GRUB菜单 2) 选择"Advanced options" 3) 选择"Recovery mode" 4) 选择"root"进入命令行 ```bash mount -o remount,rw / # 重新挂载为可写模式 ``` #### 3. 检查服务状态 ```bash systemctl status systemd-tmpfiles-setup.service journalctl -u systemd-tmpfiles-setup.service # 查看完整日志 ``` #### 4. 常见修复操作 - **磁盘空间清理**： ```bash du -sh /tmp/* 2>/dev/null | sort -hr # 查找大文件 rm -rf /tmp/large_file ``` - **文件系统修复**： ```bash umount /dev/sdXn # 先卸载分区 fsck -y /dev/sdXn ``` - **权限修复**： ```bash chmod 1777 /tmp # 确保/tmp有sticky位 ls -ld /tmp # 验证权限应为drwxrwxrwt ``` #### 5. 临时绕过检测（紧急情况） ```bash systemctl mask systemd-tmpfiles-setup.service # 慎用！仅临时解决方案 ``` #### 6. 验证修复效果 ```bash systemctl daemon-reload systemctl restart systemd-tmpfiles-setup.service ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值