[踩坑记录]React脚手架生成的默认项目运行时没有弹出浏览器窗口解决方法

最新推荐文章于 2023-02-12 22:20:32 发布
最新推荐文章于 2023-02-12 22:20:32 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Add110236/article/details/115304792
版权

React 端口冲突 package.json 启动问题 解决方案
关键词由CSDN通过智能技术生成

描述:React脚手架生成的默认项目运行时没有弹出浏览器窗口,并且手动访问http://localhost:3000/时一直转圈,控制台卡在Starting the development server...

解决:原因可能是默认的3000端口和其他程序冲突,在package.json文件中指定其他的端口号即可,过后重启项目或重启电脑

 "scripts": {
    "start": "set PORT=3003 && react-scripts --max_old_space_size=8128 start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
天雨�
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在脚手架vuecli怎么解决vue项目不能自动打开浏览器
User_XuKang的博客
10-29 838
1.如果是vuecli脚手架的版本在3或者4以上的用如下方法 方法一： 在项目中找到vue.config.js文件，如果没有就自己创建一个 ，加上以下代码 module.exports = { devServer: { open: true } } 方法二： 在项目中找到package.json文件在vue-cli-service serve 后面加上 --open 任选其一 2.如果是vuecli脚手架的版本在2用如下方法 首先找到confi..
使用vite+react搭建项目踩坑记录
百岁如流富贵冷灰的博客
07-31 1502
vite+react搭建项目，这些坑一定要注意了
【踩坑】react项目中，运行npm start,但是无法自动跳转到浏览器
Akukudeteng的博客
08-07 1544
问题描述： react项目中，运行npm start,但是无法自动跳转到浏览器 原因分析： 排查了一下：发现默认浏览器成了空，所以没有自启动浏览器 解决方案： 如果无法自启动浏览器，排查以下几个方面 1.查看默认浏览器是否正确， ...
React项目如何修改默认的浏览器
xueyoubangbang的博客
11-06 1820
React项目如何修改默认的浏览器 用命令行生成的react项目默认是用IE浏览器打开的，这个时候对开发是很不友好的，这个时候如何修改浏览器呢？ 找到 package.json 配置文件： 修改start代码 “scripts”: { “start”: " react-scripts start", “build”: “react-scripts build”, “test”: “react-scripts test”, “eject”: “react-scripts eject” }, mack版 “
react自定义组件无法单击问题/出现自动单击效果
ZH
02-11 475
自定义的组件➡️ import React from "react" import css from "./index.module.less" const ModelList = (props) => { const { imgsrc, title, points, collects, onClick } = props; return ( <div ...
React项目运行默认打开Chrome浏览器和取消打开浏览器
Celester_best的博客
02-12 2348
1、React项目运行默认打开Chrome浏览器 2、React项目运行取消打开浏览器
使用react脚手架快速搭建项目以及项目文件的介绍（目录文件的功能及作用）
weixin_45745641的博客
03-12 2000
前言 本篇文章教大家使用脚手架搭建react的项目，对于新建的react项目，项目目录里的文件都是干什么的，有什么作用呢？下面一起来看看~ react脚手架 使用yarn在本地安装create-react-app: npm i -g yarn #全局安装yarn yarn -v #查看yarn版本号 如何使用npx在本地安装相关包 yarn init -y #初始化项目 yarn add -D create-react-app #使用本地安装 npx create-react-app --vers
react脚手架
通俗易懂
05-07 3155
react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint + ts（可选） 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化 创建并启动一个项目 第一步，全局安装：np
zb188#blog#React Native打包 APK踩坑记录1
07-25
React Native 0.57打包 APK 踩坑记录 ，Release 包闪退或者修改代码打包没有效果由于本人不是 APP 开发出生，React Nativ
React 轮询并弹出浏览器通知（Notification）
weixin_42584321的博客
08-05 2862
React 轮询并弹出浏览器通知（Notification） Notification是H5新增属性，目前应该是除IE外其他浏览器都兼容 点我可以看Notification的完整api 需求是进入页面后开始轮询，然后符合条件的话弹出浏览器通知框 一、轮询 我这里直接使用setTnterval进行轮询，首先在state中定义一个变量（将setInterval赋值给一个变量的意义在于需要用这个变量在页面销毁、卸载的时候清除掉，清除setInterval的重要性远高于清除setTimeout），例如timer:n
react项目启动但是浏览器显示站点未连接
wy3053的博客
08-10 823
问题：react项目启动但是浏览器显示站点未连接
vue封装弹框组件
dgq2739710006的博客
06-01 401
效果图： /* eslint-disable no-irregular-whitespace */ <template> <div class="paymentdetail_compontents" v-if="isShowDialogs"> <div class="paymentdetail_div_box"> <div class="paymentdetail_div1"> <span class="paym
react-app 启动自动打开浏览器_用这2招，让微软Edge浏览器启动时直接打开空白页...
weixin_30952319的博客
01-26 503
在windows10中微软附带了一个Edge浏览器，由于功能实在不敢恭维，所以不受网友的待见，微软痛定思痛，开发出了基于由于Chromium的新一代Edge浏览器，并且已经正式发布。这个新的Edge浏览器版本功能相当给力，也得到了用户的一致好评，下载安装量很高，可以说，与谷歌的Chromium不相上下。当用户在新的微软Edge浏览器中打开新选项卡时，它会提供相当个性化的体验。会看到当天的图片、快速...
如何修改create-react-app创建的项目的开发环境端口和自动启动浏览器
仰望星空的代码
02-24 3249
使用create-react-app创建的项目在使用npmstart命令时启动的开发环境server端口为3000并且会自动启动浏览器。本文讨论一下如何修改端口和禁止自动启动浏览器。 一、修改端口 没有修改端口时启动后端口为3000，那么3000是怎么来的呢？打开 ...
react 封装通用组件之Modal弹窗
weixin_44160385的博客
07-20 1万+
react 封装通用组件之Modal弹窗 工作中发现我们在做react后台管理系统的时候，会有大量重复的页面（如下图），比如form表单和table组件、以及接口通讯，新增修改modal等。虽然antd里面的组件已经很简便了，但是遇到众多功能类似的页面，每次都复制大量的代码还是会耗费很大的时间而且不易维护，看起来很不清爽，于是找了个时间就把他们做了二次封装。 尽量涵盖了大多数的业务。 Moda...
react自动启动浏览器webpack配置
weixin_34026276的博客
04-01 4581
第一步操作安装启动浏览器插件 下面用 yarn 或者 npm 都可以安装 $ yarn add open-browser-webpack-plugin --sava-dev $ npm install open-browser-webpack-plugin --sava-dev 第二步 //webpackconfig 文件配置 //头部引入 var OpenBrowserPlugin = ...
vue中npm run dev运行项目不能自动打开浏览器!
热门推荐
Bright2017的博客
12-17 2万+
I Your application is running here: http://localhost:8080
webpack 启动后自动打开浏览器插件：open-browser-webpack-plugin
ISaiSai的专栏
02-06 1万+
在webpack.config文件中添加var OpenBrowserPlugin = require('open-browser-webpack-plugin'); plugins: [ new OpenBrowserPlugin({ url: 'http://localhost:8080' }) ]则在webpack 启动成功后会打开浏览器 参考文档 https:
修改react18默认端口、默认开启浏览器等配置的三种方法
tuzi007a的博客
05-27 1917
第一种方法： 在package.json文件中， 找到 "scripts": { "start": "node scripts/start.js", "build": "node scripts/build.js", "test": "node scripts/test.js" }, 在start这一项中添加配置，改为： // set BROWSER=none是关闭自动开启浏览器功能 // set PORT=8080是修改默认端口号 "start": "set BROWSER=none &am
react脚手架创建项目
最新发布
08-15
回答: 使用react脚手架创建项目的步骤如下：首先需要全局安装create-react-app脚手架，可以通过命令npm i -g create-react-app或者yarn global add create-react-app来进行安装。然后通过命令create-react-app项目...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值