0

Ich versuche, eine .env Datei zum Speichern der Anmeldeinformationen zu meiner Firebase-Datenbank in einem Vanilla JS-Projekt einzurichten. Ich habe ein paar Tutorials und die Dokumentation für dotenv gefolgt, aber ich bekomme immer noch einen Fehler, Uncaught ReferenceError: require is not defined. Was vermisse ich?'Require ist nicht definiert' Fehler beim Versuch, .env-Datei

Hier ist, was ich in <script> Tags in meiner index.html Datei habe. Die Anmeldeinformationen sind in .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);

+4

'require' ist eine Node.js-Funktion. Es kann nicht clientseitig verwendet werden. 'process' ist auch nicht in Browsern zugänglich. Sie erhalten clientseitige und serverseitige Javascript-Anmeldungen. – tfogo

Antwort

2

Browser nicht haben Funktion benötigen, wenn Sie benötigen benutzen Werkzeuge im Browser verwenden möchten, wie browserify

dotenv ist Knotenmodul, das fs-Modul benötigt .env Datei, die Sie nicht lesen können Verwenden Sie es im Browser

+0

Gibt es eine andere Möglichkeit, '.env'-Dateien einzurichten und zu verwenden, ohne etwas wie browserify/webpack usw. verwenden zu müssen? – Sean

+0

Sie können keine .env-Dateien im Browser verwenden – David

Verwandte Themen