0

.envファイルを設定して、FirebaseデータベースにバニラのJSプロジェクトの資格情報を保存しようとしています。私はdotenvのいくつかのチュートリアルとドキュメントに従ってきましたが、まだUncaught ReferenceError: require is not definedというエラーが表示されています。私は何が欠けていますか?.envファイルを設定しようとすると 'require 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);

+4

'require'はNode.js関数です。クライアント側では使用できません。 'process'はブラウザでアクセス可能なものでもありません。クライアント側とサーバー側のJavaScriptが混在しています。 – tfogo

答えて

2

browserify

dotenvは.envはあなたができないファイル読み取りにfsのモジュールを必要とノードモジュールであるようにあなたが使用したい場合は、ブラウザの機能を必要としていなかったブラウザ利用ツールに必要ブラウザで使用する

+0

browserify/webpackなどのようなものを使わずに '.env'ファイルを設定して使用する別の方法はありますか? – Sean

+0

ブラウザで.envファイルを使用することはできません – David

関連する問題