Create-response-app: как запустить npm в конкретном браузере?

Это возможно с помощью переменной окружения BROWSER.

Вы также можете сделать это прямо в терминале: BROWSER=chrome npm start

Это описано в Документы по расширенной конфигурации:

By default, Create React App will open the default system browser, favoring Chrome on macOS. Specify a browser to override this behavior, or set it to none to disable it completely. If you need to customize the way the browser is launched, you can specify a node script instead. Any arguments passed to npm start will also be passed to this script, and the url where your app is served will be the last argument. Your script's file name must have the .js extension.

Также обратите внимание, что названия браузеров различаются на разных платформах:

The app name is platform dependent. Don't hard code it in reusable modules. For example, Chrome is google chrome on macOS, google-chrome on Linux and chrome on Windows.

Есть один пакет под названием set-default-browserhttps://www.npmjs.com/package/set-default-browser

просто скачайте оттуда пакет и добавьте следующий код

var setDefaultBrowser = require('set-default-browser');

setDefaultBrowser("chrome");

Или вы можете просто запустить этот set-default-browser chrome

Спасибо!

Добавьте скрипт в файл package.json

"devserver": "live-server --browser=Chrome"

Чтобы открыть в Chrome, нам нужно установить его как браузер по умолчанию.

Настройка -> Браузер по умолчанию -> Сделать по умолчанию ->

и выберите Chrome, если выбран любой другой браузер.

Он работал на Windows 10.

Метод с использованием файла .env в корне вашего приложения NodeJS.

BROWSER = "firefox developer edition"

В Windows cmd установите переменную env для желаемого браузера:

set BROWSWER=chrome

Затем просто запустите npm start как обычно

Я не люблю многократно создавать новый файл .env или добавлять npm start каждый раз с дополнительной командой. Вы можете указать предпочитаемый браузер вместо никто в файле конфигурации оболочки. Введите в свой терминал следующие команды:

echo export BROWSER=none >> ~/.bashrc
source ~/.bashrc

На этом этапе вы можете запустить npm start и быть счастливым.

Как вы уже упоминали, вы используете create-react-app для создания приложения для реагирования и хотите, чтобы хром открывался при нажатии npm start. Задайте переменную BROWSER в package.json, присутствующем в вашем проекте, следующим образом:

Заменять:

"start": "react-scripts start"

С участием:

• Linux:

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

• Windows:

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

• OS X:

  "start": "BROWSER='google chrome' react-scripts start"
  

Если вы являетесь пользователем Окна, перейдите в Сидя -> Приложения по умолчанию -> Веб-браузер и выберите желаемый браузер. Если вы являетесь пользователем Linux, перейдите в Системные настройки -> Подробнее. (Примечание: В старых версиях Ubuntu Подробности называется Системная информация)

Используя вышеуказанную технику, вы можете получить ошибку 'BROWSER' is not recognized as an internal or external command, operable program or batch file.

Чтобы преодолеть это Выполните npm-установку cross-env в своем клонированном репо: npm install --save cross-env

Попробуйте использовать эту команду в файле package.json

"start": "cross-env BROWSER=chrome react-scripts start"

BROWSER - это переменная среды, и вы можете использовать пакет cross-env для правильной обработки.

Вот как я решил свою:

Я открыл приложение на vsCode, затем через терминал запустил "BROWSER=Chrome npm start".

мы можем изменить браузер настройка -> браузер по умолчанию -> изменить как браузер

теперь вы набираете ------> npm start

Просто добавьте пакет env-cmd как глобальный

затем создайте файл .env и напишите переменную с определенным путем в браузерах после этого добавьте env-cmd только в свой стартовый скрипт

в терминале

npm install -g env-cmd

в файле .env

BROWSER= "your browser path"

like => BROWSER = "C: \ ProgramData \ Microsoft \ Windows \ Start Menu \ Programs \ Microsoft Edge"

в package.json добавьте env-cmd

"scripts": {
   "start": "env-cmd react-scripts start",
   "build": "react-scripts build",
   "test": "react-scripts test",
   "eject": "react-scripts eject"
}

это должно работать!

для браузера Brave это BROWSER=brave-browser npm start

Если вы хотите изменить браузер по умолчанию при запуске npm start или yarn start, самый простой способ сделать это - отредактировать файл package.json.

Многим неудобно работать с переменными окружения с помощью терминала.

Вот как должен выглядеть ваш раздел скриптов:

"scripts": {
"start": "BROWSER=none react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},

В приведенном выше сценарии он вообще не будет открывать какой-либо браузер, вы можете выбрать свой браузер для разработки и продолжить работу (я предпочитаю этот). Однако, если вам нужен конкретный браузер, вы можете заменить BROWSER=none любым из следующего:

• BROWSER=firefox
• BROWSER=google-chrome-stable
• BROWSER=vivaldi

Одевают.