React项目如何修改默认的浏览器

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

React项目如何修改默认的浏览器

用命令行生成的react项目默认是用IE浏览器打开的，这个时候对开发是很不友好的，这个时候如何修改浏览器呢？
找到
package.json 配置文件：
修改start代码

“scripts”: {
“start”: " react-scripts start",
“build”: “react-scripts build”,
“test”: “react-scripts test”,
“eject”: “react-scripts eject”
},
mack版
“start”: “BROWSER=chrome react-scripts start”,
windows版
“start”: “set BROWSER=chrome&& react-scripts start”
就可以了

苏金标
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
如何指定create-react-app默认启动的浏览器
黄腾霄的博客
06-05 4395
今天和大家聊一聊create-react-app设置默认启动浏览器的方式。 问题来源 对于create-react-app默认会在npm start执行之后在默认浏览器打开页面。 但是，有的时候，我们期望能够设置特定的浏览器启动。 或者是在开发诸如electron之类的应用时，不期望启动浏览器。 解决方案 在npm脚本中，我们可以使用create-react-app提供的配置参数BROWSER指定启动的浏览器。 比如如果你期望指定浏览器为chrome，就可以写 "start": "BROWSER=chro
JavaScript React如何修改默认端口号方法详解
10-15
然而，当我们尝试同时启动多个项目，或者3000端口已被其他应用占用时，就需要修改React项目的默认启动端口号。 首先，需要了解的是React项目启动脚本通常是由一个名为react-scripts的npm包管理的，这个包内部包含了...
React项目更改默认打开浏览器
CodeNotes
07-13 1324
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
[踩坑记录]React脚手架生成的默认项目运行时没有弹出浏览器窗口解决方法
Add110236的博客
03-29 1018
描述:React脚手架生成的默认项目运行时没有弹出浏览器窗口,并且手动访问http://localhost:3000/时一直转圈,控制台卡在Starting the development server... 解决:原因可能是默认的3000端口和其他程序冲突,在package.json文件中指定其他的端口号即可,过后重启项目或重启电脑 "scripts": { "start": "set PORT=3003 && react-scripts --max_old_space_size
React项目运行默认打开Chrome浏览器和取消打开浏览器
Celester_best的博客
02-12 2347
1、React项目运行默认打开Chrome浏览器 2、React项目运行取消打开浏览器
React脚手架通过npm start开启时，如何选定谷歌浏览器作为默认开启的浏览器
cysldlj的博客
10-07 2486
React脚手架通过npm start开启时，如何选定谷歌浏览器作为默认开启的浏览器 1.找到项目里的package.json，找到以下内容： 2.将这里的"start":“react-scripts start” 改成： “start”: “set BROWSER=chrome&& react-scripts start” 这个是windows的； mac版本可以改成： “start”: “BROWSER=chrome react-scripts start” 3.然后在项目目录里重新
修改react18默认端口、默认开启浏览器等配置的三种方法
tuzi007a的博客
05-27 1916
第一种方法： 在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 设置默认打开浏览器和端口，反向代理跨域
haogemr的博客
01-09 1157
如果是通过creat-react-app构建的项目，以下操作都是在package.json中设置的 设置默认打开浏览器及端口 需要设置scripts的start选项 设置默认打开谷歌浏览器 "start": "set BROWSER=chrome&& react-scripts start" 设置关闭默认打开浏览器 "start": "set BROWSER=none&& react-scripts start" 设置默认打开端口 "start": "set
react项目scss重置浏览器默认样式 normalize.scss
08-04
人力资源管理项目，antd+react前端，重置浏览器默认样式
React 简介以及如何启动项目
03-31
你可以从 `App.js` 文件开始修改，这是 React 项目的主要入口文件。 - 在 `App.js` 中，你可以使用 JSX 来构建 UI，并利用组件、状态和属性等功能来实现更加复杂的功能。 - 为了方便调试，React DevTools 是一个...
React项目动态设置title标题的方法示例
10-17
在React项目中动态设置页面标题是一个对用户交互和SEO优化都有益的功能。传统的SPA（单页应用）项目由于缺乏页面刷新，使得浏览器的title标签不会自动更新。如果希望title随着页面内容的变化而变化，需要开发者自行...
React修改端口号和关闭自动启动浏览器
yj6232779的博客
03-09 3039
当我们执行npm start命令的时候，我们想要关闭自动开启浏览器，那么只需要在set BROWSER=none参数，具体在package.json文件里面设置，如果需要设置项目启动端口号需添加 set PORT=8360 配置文件内容如下： “scripts”: { “start”: “set BROWSER=none&&set PORT=8360&&react-...
React更改document.title浏览器标题名字react-router-dom v5路由处理方案
刻痕
01-25 2644
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/
react build后直接从浏览器打开
weixin_33920401的博客
04-08 1116
存在两个问题 一，资源文件路径 config/paths.js 这里原来的.pathname:'/', 改成.pathname:'./' function getServedPath(appPackageJson) { const publicUrl = getPublicUrl(appPackageJson); const servedUrl = envPubl...
修改react项目默认访问的端口号
sunshine的博客
01-17 4534
问题：多个react项目同时启动时存在端口占用的问题，所以需要修改默认的端口号来解决该问题 解决方法： 在package.json文件中的start后面加入“set PORT=9000 && ”，如下： { "scripts": { "start": "set PORT=9000 && roadhog server",//加入set PORT=900...
react项目关闭自动打开浏览器及更改默认端口号
weixin_44868881的博客
03-19 3935
找到package.json 更改这行代码为下图则可以关闭自动打开浏览器与端口号为8080 "start": "set BROWSER=none&&set PORT=8080react-scripts start",
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 = ...
ant-design-vue-2.2.0-beta.5.zip
最新发布
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
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来查看你的应用程序。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值