【vue】環境変数を設定する際のエラー FirebaseError: projectId must be a string in FirebaseApp.options

  • 2020年10月31日
  • 2020年10月31日
  • vue.js

環境変数の設定をする時下記エラーが出る時の対処法について

FirebaseError: projectId must be a string in FirebaseApp.options

.env ファイルの変数にはVUE_APP_の接頭辞が必要になるとのこと。

require('dotenv').config({ path: '../.env' });
import firebase from 'firebase'


// import firestore from 'firebase/firestore'

// Your web app's Firebase configuration
const firebaseConfig = {
    apiKey: process.env.VUE_APP_FIREBASE_API_KEY,
    authDomain: process.env.VUE_APP_FIREBASE_AUTH_DOMAIN,
    databaseURL: process.env.VUE_APP_FIREBASE_DATABASE_URL,
    projectId: process.env.VUE_APP_FIREBASE_PROJECT_ID,
>文系エンジニア大学生の技術ブログ

文系エンジニア大学生の技術ブログ

社会が多様化していく中、大学生の学生生活も多様であるべきと考えています。主にエンジニア向けにITやプログラミングなどの技術系と大学生向けに休学、留学、海外生活、トビタテ留学、長期インターンに関する記事を書いています。