前提・実現したいこと
現在、Nuxt.js と Firebaseuiを用いて簡単なアカウント認証機能を実装しています。
そこで、以下のエラーが発生いたしました。
発生している問題・エラーメッセージ
nuxt
1ReferenceError localStorage is not defined
該当のソースコード
store
1import { auth } from '~/plugins/firebase' 2 3export const state = () => ({ 4 status: '', 5 token: localStorage.getItem('token') || '', 6 username: '', 7 uid: '' 8}) 9 10export const getters = { 11 isLoggedIn: state => state.store === 'loggedIn', 12 uid: state => state.uid 13} 14 15export const actions = { 16 gotUser ({ commit }, user) { 17 commit('setUser', user) 18 }, 19 logout ({ commit }) { 20 auth.signOut().then(() => { 21 commit('logout') 22 }) 23 } 24} 25 26export const mutations = { 27 setUser (state, user) { 28 state.status = 'loggedIn' 29 state.username = user.displayName 30 }, 31 logout (state) { 32 state.status = 'loggedOut' 33 state.username = '' 34 } 35} 36
試したこと
localStorage is not defined を検索しましたが、参考になる記事を見つけることができませんでした。
補足情報(FW/ツールのバージョンなど)
firebase @7.7.0
firebaseui @4.4.0
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。