firebaseにて"projectID"が提供されていません。

Question

前提・実現したいこと

現在nuxt.jsにてtodoアプリ作成中です。
アクセスできるようになり、consoleでのエラーを解消したいです。

発生している問題・エラーメッセージ

firebaseにて"projectID"が提供されていませんとなります。
firebasのprojectIDは既に.envファイルにて設定済みです。
todos.jsの記述でエラーが出てると思われます。
その前の段階まではデフォルト画面表示できました。

Uncaught FirebaseError: "projectId" not provided in firebase.initializeApp.

該当のソースコード

//todos.js

import firebase from '~/plugins/firebase'
import { firestoreAction } from 'vuexfire'

const db = firebase.firestore()
const todosRef = db.collection('todos')

export const state = () => ({
  todos: []
})

export const actions ={
  init: firestoreAction(({ bindFirestoreRef}) =>{
    bindFirestoreRef('todos', todosRef)
  }),
  add: firestoreAction((context,name) => {
    if(name.trim()){
    todosRef.add({
      name: name,
      done: false,
      created: firebase.firestore.FieldValue.serverTimestamp()
    })
    }
  }),
  remove: firestoreAction((context,id) =>{
    todosRef.doc(id).delete()
  }),
  toggle: firestoreAction((context, todo) => {
    todosRef.doc(todo.id).update({

    done: !todo.done
    })
  })
}

//firebase.js

import firebase from 'firebase'
const config = {
  projectID: process.env.FIREBASE_PROJECT_ID
}

if (!firebase.apps.length) {
  firebase.initializeApp(config)
}

export default firebase

FIREBASE_PROJECT_ID = 'xxxxxxxxxxxxxx'

試したこと

構文チェック
todos.js記述した段階でのエラー確認。
（それより以前はエラーなし。）

補足情報（FW/ツールのバージョンなど）

nuxtjs/dotenv: "^1.3.0
firebase: "^7.19.1

Answer 1

projectIDのDが大文字ではなく小文字が正しいと思います。

const config = {
  projectId: process.env.FIREBASE_PROJECT_ID
}