오류 발생

오류 발생 과정

dotenv 설치 및 .env 파일 작성

.env 파일에서 설정한 환경변수를 사용하기 위해 dotenv 라이브러리를 Node.js 프로젝트에 설치

$ npm i dotenv

환경변수 불러오기

dotenv 라이브러리를 import 코드를 env.js파일로 분리

// env.js

import dotenv from "dotenv"

dotenv.config()

// main.js

import "./env.js"

const API_KEY = process.env.API_KEY

에러 발생 시작

node -r 옵션 사용

node -r dotenv/config index.js

에러 변화 없음

오류 해결

1. dotenv-webpack 설치

웹팩 사용중으로 별도 웹팩 패키지가 있다는 것을 보고 설치

npm install -d --save dotenv-webpack

2. webpack.config.js 파일 내용 추가

// webpack.config.js

const Dotenv = require('dotenv-webpack')

module.exports = {
  plugins: [
    new Dotenv()
  ],
  
  resolve: {
    fallback: {
        "fs": false,
        "path": false ,
        "os": false
    }
  }
}

해결 완료

참고자료

• dotenv로 환경 변수 관리하기 (www.daleseo.com/js-dotenv/)
• Module not found: Error: Can’t resolve ‘fs’ in (https://dtuto.com/)
• [React] Webpack 환경에서 환경변수 사용 (https://bum-developer.tistory.com/)