React项目更改默认打开浏览器

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

package.json 配置文件：

"scripts": {
"start": " react-scripts start",    //修改这个 
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},

mac版

"start": "BROWSER=chrome react-scripts start",

windows版

"start": "set BROWSER=chrome&& react-scripts start",
Yolo.H
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何指定create-react-app默认启动的浏览器
黄腾霄的博客
06-05 4368
今天和大家聊一聊create-react-app设置默认启动浏览器的方式。 问题来源 对于create-react-app默认会在npm start执行之后在默认浏览器打开页面。 但是，有的时候，我们期望能够设置特定的浏览器启动。 或者是在开发诸如electron之类的应用时，不期望启动浏览器。 解决方案 在npm脚本中，我们可以使用create-react-app提供的配置参数BROWSER指定启动的浏览器。 比如如果你期望指定浏览器为chrome，就可以写 "start": "BROWSER=chro
React项目如何修改默认的浏览器
xueyoubangbang的博客
11-06 1782
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 设置默认打开浏览器和端口，反向代理跨域
haogemr的博客
01-09 1151
如果是通过creat-react-app构建的项目，以下操作都是在package.json中设置的 设置默认打开浏览器及端口 需要设置scripts的start选项 设置默认打开谷歌浏览器 "start": "set BROWSER=chrome&& react-scripts start" 设置关闭默认打开浏览器 "start": "set BROWSER=none&& react-scripts start" 设置默认打开端口 "start": "set
React项目运行默认打开Chrome浏览器和取消打开浏览器
Celester_best的博客
02-12 2253
1、React项目运行默认打开Chrome浏览器 2、React项目运行取消打开浏览器
React更改document.title浏览器标题名字react-router-dom v5路由处理方案
刻痕
01-25 2598
React更改document.title浏览器标题名字react-router-dom V5路由处理方案.**react-router-dom路由创建和使用方式：**[点我另一个博客](https://blog.csdn.net/weixin_44461275/article/details/122239426) **V6 react-router-dom 版本处理方案：**[点我另一个博客](https://blog.csdn.net/weixin_44461275/article/details/
nodejs 中require js文件入口，在package.json中指定默认入口main
热门推荐
AdleyTales的技术博客
06-12 1万+
我们都知道nodejs遵循commonJS规范，各个js是独立的。 如果目录结构是: –config 文件夹 – index.js – test.js app.js 那么在app.js中require('./config')的时候，默认是index.js。 如何修改默认的config的入口 只需要在config中添加package.json配置文件，在这个文...
react-一步一步搭建一个react项目环境
08-14
现在，运行`npm start`，项目将在默认浏览器中打开，你可以开始编写React组件了。 8. 部署生产环境： 当准备部署时，可以使用Webpack的`--mode production`标志来优化代码： ``` npm run build ``` 这将在`...
react项目热部署搭建
01-23
本教程将详细介绍如何为React项目设置热部署，确保在浏览器上实现无刷新提交。 首先，我们需要安装必要的依赖。React项目通常基于Create React App创建，这是一个官方提供的脚手架工具，已经内置了对热部署的支持。...
Nginx配置React项目Url后直接输入路由路径时报404问题的解决
09-30
然而，在部署React应用到服务器时，尤其是使用Nginx作为反向代理服务器时，可能会遇到一个常见的问题：当用户直接在浏览器地址栏输入特定的路由路径（如`http://localhost/demo/page1`）时，服务器返回404错误。...
react-init:初始化一个React项目
05-01
8. **Webpack和Babel**：`create-react-app`默认使用Webpack作为模块打包器，Babel则负责将ES6+语法转换为浏览器兼容的JavaScript。 9. **热重载**：开发过程中，热重载（Hot Module Replacement）功能使得修改代码...
react以create-react-app为基础创建项目
08-27
这将启动一个本地服务器，并实时刷新你的浏览器以显示任何代码更改。 ### 自定义配置 默认情况下，`create-react-app`隐藏了配置细节，但如果你需要对配置进行自定义，可以执行`npm run eject`命令。不过要注意，...
微信内置浏览器如何自动跳转其它浏览器
weixin_44358823的博客
01-19 3737
此方法可以实现微信内置浏览器跳转到手机其它浏览器，现在网上其它的方法都只是一个页面，让访问者自己手动点右上角浏览器打开，而这个不同，是可以直接自动跳转的。               <?php error_reporting(0); if($_GET['open']==1 && strpos($_SERVER['HTTP_USER_AGENT'], '...
修改react18默认端口、默认开启浏览器等配置的三种方法
tuzi007a的博客
05-27 1865
第一种方法： 在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自动启动浏览器webpack配置
weixin_34026276的博客
04-01 4574
第一步操作安装启动浏览器插件 下面用 yarn 或者 npm 都可以安装 $ yarn add open-browser-webpack-plugin --sava-dev $ npm install open-browser-webpack-plugin --sava-dev 第二步 //webpackconfig 文件配置 //头部引入 var OpenBrowserPlugin = ...
React修改端口号和关闭自动启动浏览器
yj6232779的博客
03-09 3025
当我们执行npm start命令的时候，我们想要关闭自动开启浏览器，那么只需要在set BROWSER=none参数，具体在package.json文件里面设置，如果需要设置项目启动端口号需添加 set PORT=8360 配置文件内容如下： “scripts”: { “start”: “set BROWSER=none&&set PORT=8360&&react-...
react项目关闭自动打开浏览器及更改默认端口号
weixin_44868881的博客
03-19 3924
找到package.json 更改这行代码为下图则可以关闭自动打开浏览器与端口号为8080 "start": "set BROWSER=none&&set PORT=8080react-scripts start",
如何修改create-react-app创建的项目的开发环境端口和自动启动浏览器
仰望星空的代码
02-24 3231
使用create-react-app创建的项目在使用npmstart命令时启动的开发环境server端口为3000并且会自动启动浏览器。本文讨论一下如何修改端口和禁止自动启动浏览器。 一、修改端口 没有修改端口时启动后端口为3000，那么3000是怎么来的呢？打开 ...
酒浓码浓 - React事件阻止浏览器默认行为/冒泡
酒浓码浓
02-09 5987
React事件行为 React中无法用return false去阻止事件的默认响应行为 必须用 event.preventDefault();阻止浏览器默认行为， 例如标签不跳转 注： IE不认，在IE下需要用window.event.returnValue= false; event.stopPropagation();阻止冒泡； 例如上级点击事件不生效 不是你想要的答案，也...
react创建新的项目
最新发布
09-05
要在React中创建一个新的项目，您可以按照以下步骤进行操作： ...这将在本地主机上启动一个开发服务器，并在默认浏览器中自动打开项目。 现在，您已成功创建了一个新的React项目，并可以开始开发您自己的应用程序了！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值