Process is not defined

Asked Aug 15 '22 at 19:02

Active Aug 15 '22 at 19:02

Viewed 514 times

so i am implementing an auth page with typescript React and firebase. I have stored my firebase credentials in my env file and i have referenced it using the process.env but everytime i try to visit my auth page i get the error process is not defined

import { initializeApp } from "firebase/app";
// import { getAnalytics } from "firebase/analytics";
require('dotenv').config();
import * as fs from 'fs'

import { getAuth } from "firebase/auth";

export const firebaseConfig = {
  apiKey:process.env.REACT_APP_apiKey,
  authDomain: process.env.REACT_APP_authDomain, 
  projectId: process.env.REACT_APP_projectId,
  storageBucket: process.env.REACT_APP_storageBucket, 
  messagingSenderId: process.env.REACT_APP_messagingSenderId,
  appId: process.env.REACT_APP_appId, 
  measurementId: process.env.REACT_APP_measurementId,
};

// Initialize Firebase
 initializeApp(firebaseConfig);
// getAnalytics(app);

export const auth = getAuth();

, attached below is my firebase file.

asked Aug 15 '22 at 19:02

Lanlokun

Do you use `create-react-app`? – Konrad Aug 15 '22 at 19:04
Where does this script run? You can't access `fs` and `dotenv` in the browser – Konrad Aug 15 '22 at 19:05
in my App.tsx file – Lanlokun Aug 15 '22 at 19:13
I got rid of the dotenv and fs but now the error points me to the firebase cred reference signaling process not defined. – Lanlokun Aug 15 '22 at 19:14
https://stackoverflow.com/questions/70368760/react-uncaught-referenceerror-process-is-not-defined – Konrad Aug 15 '22 at 19:16
thanks for this , solved it had to add process as a plugin in my webpack – Lanlokun Aug 15 '22 at 20:22
Firebase: Error (auth/invalid-api-key), this is what i get now however – Lanlokun Aug 15 '22 at 20:22
Did you tried to log the values to check if they are loaded correctly? – Konrad Aug 15 '22 at 20:23
Gives me undefined but i have confirmed that my values are loaded correctly. – Lanlokun Aug 17 '22 at 13:42
So how did you verified that they load? – Konrad Aug 17 '22 at 15:34

Process is not defined

0 Answers0