【踩坑】react项目中，运行npm start,但是无法自动跳转到浏览器

最新推荐文章于 2023-07-21 18:46:26 发布
最新推荐文章于 2023-07-21 18:46:26 发布
阅读量1.5k 收藏
点赞数
文章标签： React npm start 浏览器跳转 默认浏览器 解决方案
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Akukudeteng/article/details/119494911
版权

问题描述：

react项目中，运行npm start,但是无法自动跳转到浏览器

原因分析：

排查了一下：发现默认浏览器成了空，所以没有自启动浏览器

解决方案：

如果无法自启动浏览器，排查以下几个方面
1.查看默认浏览器是否正确，

小十八是胆小鬼
关注
创建一个完整的react项目...（持续更新中）
qq_51545524的博客
10-20 820
将开源创建一个管理系统的react项目，将已学到的技术运用到项目里面，并进行记录。 希望最后有的技术层面：react + antd3(组件库)+ webpack(打包) + mobx(状态存储)+echart(数据可视化)+mock(模拟后台) 创建react项目： ...
REACT实战项目从0到1搭建（仅供参考）
热门推荐
不怕麻烦的鹿丸的博客
12-06 2万+
按照。
解决react中 npm run dev 不能运行的方法
博客之家
11-05 6118
     楼主前两天给电脑杀了一下毒,之后发现原有的react项目不能正常运行,会报各种错,这边修好那边又报错,在网上查资料后,别人说是npm被更新了,但是我降级到之前的版本还是不行,自己又试着把node.js卸载后重新安装也是不行。      下面放上其中的错误之一:因为报了好几个类似这种的错误,就不一一截图了   下面开始介绍我是怎么处理的： 1.在C盘user文件夹下按着我的截图...
[踩坑记录]React脚手架生成的默认项目运行时没有弹出浏览器窗口解决方法
Add110236的博客
03-29 1043
描述:React脚手架生成的默认项目运行时没有弹出浏览器窗口,并且手动访问http://localhost:3000/时一直转圈,控制台卡在Starting the development server... 解决:原因可能是默认的3000端口和其他程序冲突,在package.json文件中指定其他的端口号即可,过后重启项目或重启电脑 "scripts": { "start": "set PORT=3003 && react-scripts --max_old_space_size
github codespace进行npm start运行开发服的时候无法显示页面（白屏）
Musicminion的博客
01-27 895
grasscutter中文wiki教程 域名有点神奇也是用的多库龙。当然，很多软件的开发者文档、教程都是用这个编写的，于是乎我也搭建了一个自己的overleaf-doc文档教程。github不久前（也不知道是多久前）推出了他的codespace，非常香，在仓库的页面轻轻的一点，一个vscode环境就出来了（当然是带一个后台的云主机服务器，难怪有人说github送服务器了），而且重要的是基本的nodejs环境、docker啊之类的都是附带好了的，这就香喷喷了，直接开始开发。
react项目启动,浏览器并未响应
weixin_45610757的博客
07-21 519
2.安装了插件http-proxy-middleware 以后。1.react项目启动但是浏览器显示站点未连接。3.写法可能出现了问题。
angular学习：npm启动后不能访问http://localhost:8000/
04-05 8602
angular学习中 输入npm start可以启动 但是进入 "http://localhost:8000/" 时出现： http.js:733       throw new TypeError('The header content contains invalid characters');             ^ TypeError: The header cont
npm run dev后项目不能自动在浏览器中打开
weixin_30430169的博客
07-12 301
此时找到config文件夹下的index.js修改其中的autoOpenBrowser为true，保存重新运行项目即可。 转载于:https://www.cnblogs.com/ruilin/p/11177878.html
React学习项目-基于JavaScript的人事后台管理系统源码+运行说明.zip
最新发布
06-20
api，包括 Router、Route、Switch 等，但是它没有提供 dom 操作进行跳转的 api，因此建议直接使用 React-router-dom，详见[官方文档](https://reacttraining.com/react-router/web/guides/quick-start)。 ```shell ...
react-simple:第一个简单的react项目
05-02
在实际操作中，你可能需要安装必要的依赖，例如`npm install`，然后运行`npm start`启动开发服务器，查看和调试应用。 总的来说，"react-simple"项目是学习和理解React及其生态系统的一个良好起点，涵盖了从基础的...
react实现路由跳转
qq_53008791的博客
08-13 9158
react路由跳转
React中的反向代理（React脚手架），解决跨域问题。
mishuo24的博客
01-11 585
一、当前脚手架项目下安装 （脚手架也可能已经帮你安装过了） npm i http-proxy-middleware --save -dev 二、创建文件 ./src/setupProxy.js 在src文件夹下面创建setupProxy.js文件 三、编辑setupProxy.js 文件文件内容 const {createProxyMiddleware} = require('http-proxy-middleware') module.exports = function(app) {.
用react cli创建项目完成后 运行yarn start 报错 events.js:187 解决方案
lwaweb的博客
12-31 1060
解决方法 右键 我的电脑->属性->高级系统设置->环境变量->path路径 添加 %SystemRoot%\system32 就可以了 记住 添加完成后 就要重启电脑 就可以了 一定要重启 ...
创建react项目出错或者运行（npm start）出错的解决办法
zwjl1017的博客
09-14 934
react学习心得
React修改端口号和关闭自动启动浏览器
yj6232779的博客
03-09 3078
当我们执行npm start命令的时候，我们想要关闭自动开启浏览器，那么只需要在set BROWSER=none参数，具体在package.json文件里面设置，如果需要设置项目启动端口号需添加 set PORT=8360 配置文件内容如下： “scripts”: { “start”: “set BROWSER=none&&set PORT=8360&&react-...
npm 打开浏览器
v_111的博客
04-18 1626
输入npm run dev 直接打开浏览器1，打开config目录下的index.js。修改autoOpenBrowser的值为true。
react 创建项目后 npm start 启动后报错 踩坑记录一下
m0_58185022的博客
04-02 334
再查资料说可以注销代码，代码文件路径为react-demo\node_modules\@pmmmwh\react-refresh-webpack-plugin\client\ReactRefreshEntry.js。刚刚开始不知道是什么原因，查了很久资料，感觉方向不对，突然想到可能是由于自己安装了Developer Tools的问题，我把扩展程序关了，项目无报错。看到博主说版本不对，就按照博主操作了，我用的也是react18， Developer Tools需要更换到版本4，然后到这个地址，去下载。
vue npm start 自动打开网页
weixin_30735391的博客
08-31 891
打开config/index.js，设置： autoOpenBrowser: true,（默认是false，把false改为true即可） 转载于:https://www.cnblogs.com/knuzy/p/9564066.html
修改webpack配置使项目运行自动打开浏览器
六耳石猴的博客
08-31 1830
在vue/cli脚手架生成的项目模板下，通常是将vue.config.js文件隐藏，不暴露出来的，可以自己手动创建，如下： 在节点下添加 open: true // 控制是否自动打开浏览器 然后运行 npm run build 或 npm run serve 即可，项目编译完成就会自动打开浏览器 ...
React实战指南：构建动态前端界面的策略与技巧
React实战指南：构建响应式前端界面的艺术 ...React实战指南不仅涵盖基础设置和组件开发，还深入到核心概念、高级技巧和最佳实践，帮助开发者熟练掌握这一流行的前端开发框架，提升前端项目的响应式设计和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值