.env 파일을 설정하려고 할 때 'require not defined'오류가 발생합니다.

Question

.env 파일을 설정하여 바닐라 JS 프로젝트의 내 Firebase 데이터베이스에 자격 증명을 저장하려고합니다. 나는 약간의 튜토리얼과 dotenv에 대한 문서를 따라 갔지만 여전히 Uncaught ReferenceError: require is not defined이라고 말하는 오류가 발생합니다. 내가 뭘 놓치고 있니?

내 에있는 <script> 태그에있는 내용은 다음과 같습니다. 자격 증명은 .env입니다.

require('dotenv').config(); 
 
// Initialize Firebase 
 
var config = { 
 
    apiKey: process.env.API_KEY, 
 
    authDomain: process.env.AUTH_DOMAIN, 
 
    databaseURL: process.env.DATABASE_URL, 
 
    projectId: process.env.PROJECT_ID, 
 
    storageBucket: process.env.STORAGE_BUCKET, 
 
    messagingSenderId: process.env.MESSAGING_SENDER_ID 
 
}; 
 
firebase.initializeApp(config);

Answer 1

브라우저는 browserify

dotenv 같은 브라우저 사용 도구에 필요를 사용하려면 함수가 필요하지 않았다가 .env의 당신이 할 수없는 파일을 읽을 FS 모듈이 필요 노드 모듈 브라우저에서 사용하십시오.