React에서 .env-cmdrc 안먹을때

.env가 개발환경에서 만약에 안되거나 undefined로 찍힌다면?

나같은경우는 REACT_APP_URL은 먹는데 두번째 키부터 인식되지않는것같았다.

1. package.json 점검

devDependencies와 dependencies에 둘다 설치했는지 확인하고

시작하거나 배포할때 명령어를 점검해보자.

  "scripts": {
  //개발환경
    "start": "env-cmd -e development react-scripts start",
  // 빌드-QA환경
  "build-qa": "cross-env BUILD_PATH='./build-qa' env-cmd -e qa react-scripts build",
  // 빌드-프로덕션환경
  "build-prod": "env-cmd -e production react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

 

2. .env-cmdrc 점검

오타난것은 없는지 확인해보고 없을경우 React에서 키값을 인식못하는경우가 있으므로 common으로 주로쓰이는 키값으로 변경해보자 예를들어 REACT_APP_BLABLA를 사용하는대신 REACT_APP_SECRET로 바꿔보고 먹는지 확인해보자.

{
    "development": {
        "REACT_APP_URL": "http://...",
        "REACT_APP_SECRET": "sign"
    },
    "qa": {
        "REACT_APP_URL": "https://...",
        "REACT_APP_SECRET": "sign"
    },
    "production": {
        "REACT_APP_URL": "https://adm.sbxg.win/",
        "REACT_APP_SECRET": "sign"
    }
}