当前位置: 首页 > 知识库问答 >
问题:

create-react-app:如何使用特定浏览器“npm启动”?

仰翰采
2023-03-14

npm启动

在默认浏览器上启动反应服务器,对我来说是Firefox。我喜欢Firefox用于浏览,但更喜欢其开发人员工具的Web开发Chrome。有没有办法强制"npm start"使用Chrome启动服务器,而不将我的默认浏览器更改为chrome?我在Windows上使用Bash。

编辑:我使用"create-react-app"来创建我的服务器,这为"npm start"添加了一个脚本到"packages.json"文件。该脚本使用默认浏览器启动localhost服务器。如何修改"create-react-app"添加的脚本,使其从不同的浏览器开始?

共有3个答案

谭高峯
2023-03-14

方法使用。env文件,位于NodeJS应用程序的根目录中。

BROWSER="firefox developer edition"
宣滨海
2023-03-14

正如您所提到的,您正在使用create-react-app来创建反应应用程序,并且您希望chrome在点击npm start时打开。在中设置BROWSER变量package.json以下列方式出现在您的项目中:

替换:

"start": "react-scripts start"

与:

  • Linux:
    "start": "BROWSER='google-chrome-stable' react-scripts start"
    
    "start": "BROWSER='chrome' react-scripts start"
    
    "start": "BROWSER='google chrome' react-scripts start"
    

景育
2023-03-14

这可以通过浏览器环境变量实现。

您也可以直接在终端中进行:BROWSER=chrome npm start

高级配置文档中对此进行了描述:

默认情况下,Create React App将打开默认的系统浏览器,有利于macOS上的Chrome。指定浏览器覆盖此行为,或将其设置为无以完全禁用。如果您需要自定义浏览器启动的方式,可以改为指定节点脚本。传递给npm start的任何参数也将传递给此脚本,并且您的应用程序所在的url将是最后一个参数。您的脚本的文件名必须具有. js扩展名。

另请注意,不同平台上的浏览器名称不同:

应用名称取决于平台。不要在可重用模块中硬编码。例如,macOS上Chromegoogle chrome,Linux上的google-chrome和Windows上的chrome。

 类似资料:
  • 问题内容: 我有一个项目,我两个星期都没碰过。我将其取回,现在尝试运行时出现此错误。 节点6.7.0 npm 3.10.3 mac sierra 10.12 package.json 我也尝试克隆我的存储库,并得到相同的错误。如果有人可以给我一些方法来查找发生了什么。谢谢 问题答案: 签入Create React App的作者。 您绝对不应该在全球范围内安装。 您还 没有 需要的是这个答案暗示。

  • 我有一个项目我两个星期没碰过。我收回它,现在当我尝试运行时,我得到了这个错误。 节点6.7.0 NPM 3.10.3 Mac sierra 10.12 package.json 我试图克隆我的回购也得到同样的错误。如果有人能给我点办法找出发生了什么。谢谢。

  • 问题内容: 我正在使用lang:java framework:testNG 我的系统安装了3-4个Mozilla版本,如何打开特定版本的Mozilla实例。假设我安装了3.5、3.6,…版本的Mozilla,并且我想打开3.6版本并执行测试。 问题答案: 只需指定版本的二进制文件的路径即可。

  • 我使用create react应用程序已经有一段时间了。“npm start”或“yarn start”自动重装本身工作正常,但现在我有了另一个问题。目前,我在express server上通过build文件夹运行应用程序,我使用“npm run build ”,因为express正在提供构建文件。有许多api调用要求应用程序以这种方式运行。现在,每次手动执行“npm运行构建”变得很乏味。有没有一

  • Create React App 不用配置就可以创建 React App。 全局安装: npm install -g create-react-app 创建 App: create-react-app my-appcd my-app/ 启动 npm: npm start 打开 http://localhost:3000/  查看你的 App。 如果你准备将其部署到生产环境,只需创建一个压缩包,并且运行 npm run build。

  • 问题内容: 我正在尝试使用非默认浏览器(以我的Firefox)启动IPython,并认为我可以复制此博客中给出的脚本 我在Windows 7上 我将以下代码放在文件中,即“ module.py” 但是,当我从命令行运行它时 它执行第一行,但不执行第二行(这两行分别工作正常) 我的问题(更笼统地说)是如何启动进程并告诉其不要高举控制台窗口? 如果我监督了一个明显的解释,我事先表示歉意,但是我同时在子