Переменная React REACT_APP_API_HOST не является внутренней или внешней командой

Я новичок в проекте React и пытаюсь запустить проект с помощью yarn start, но получаю эту ошибку:

D:\Projects\Demo>yarn start
yarn run v1.7.0
$ REACT_APP_API_HOST=https://us-central1-mydemo.cloudfunctions.net/ react-s
cripts start
'REACT_APP_API_HOST' is not recognized as an internal or external command,
operable program or batch file.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

и вот что есть в package.json:

"scripts": {
    "start": "REACT_APP_API_HOST=https://us-central1-mydemo.cloudfunctions.net/ react-scripts start"
}

Как исправить эту ошибку? Любая помощь приветствуется.

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
0
1 382
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

you have to use your environment variable define in `.env` file and access in our app.

.env file 

    REACT_APP_API_HOST=https://us-central1-mydemo.cloudfunctions.net/

app.js

use env variable in app.js file.

    console.info('REACT_APP_API_HOST',${process.env.REACT_APP_API_HOST});

O/P : https://us-central1-mydemo.cloudfunctions.net/

К сожалению, не последовал. Проблема в том, что REACT_APP_API_HOST определен в package.json при запуске скриптов, поэтому запуск пряжи не работает.

Mrug 31.10.2018 10:47

почему вам нужно определить REACT_APP_API_HOST в начале скрипта. удалить REACT_APP_API_HOST и запустить будет работать

Asif vora 31.10.2018 10:51

Но зачем убирать? Проект был разработан кем-то другим, и по этой ссылке medium.com/@tacomanator/… он должен работать?

Mrug 31.10.2018 10:53

вы можете очистить свои вещи, проверив ответ Кита. Это то, что требовалось.

Mrug 01.11.2018 06:06
Ответ принят как подходящий

Если вы работаете в Windows, это может задушить, когда дело доходит до переменных среды. Я рекомендую получить пакет cross-env (https://www.npmjs.com/package/cross-env) и изменить ваш стартовый скрипт на:

"scripts": {
    "start": "cross-env REACT_APP_API_HOST=https://us-central1-mydemo.cloudfunctions.net/ react-scripts start"
}

Другие вопросы по теме