nuxt2 ＋ firebase で nuxt internal server error
解決したいこと
nuxt2＋firebase でログイン認証、会員ページ機能のあるアプリ制作中ですが、「nuxt internal server error」が出て困っております。解決方法をご教示ください。
発生している問題・エラー
onauthstatechangedメソッドを組み込み、認証済みユーザーの場合には内容表示させる会員ページがあるとします。
そのページにおいて、crypto.jsやfullcalendar等のサードパーティーライブラリがimportされていると、そのページにリダイレクトした場合に
「nuxt internal server error」
が出ます。
ちなみに〈NuxtLink〉でそのページに遷移した場合はエラーは出ません。URLを直接叩いた場合のみ発生します。
該当するソースコード
test.vue
<script>
import { getAuth, onAuthStateChanged } from "firebase/auth";
import { doc, setDoc, getDoc, getDocs, collection, addDoc, deleteDoc, updateDoc } from "firebase/firestore";
import {db} from '../../plugins/firebase.js';
import CryptoJS from 'crypto-js';
export default {
created: function(){
const auth = getAuth();
auth.languageCode = 'ja';
onAuthStateChanged(auth, (user) => {
if (user) {
・・・ //認証を受けているユーザーなら
}
else{
・・・ //認証を受けていないユーザーなら
}
});
},
methods: {
・・・
},
}
</script>
自分で試したこと
サードパーティーライブラリのimport使用を止めるとこのエラーが出ない事を確認済みです。
上記リンクの解決方法も試しましたが解決しません。全く別の問題だと考えております。
尚、現在のデプロイ先はfirebase hostingでありまして、localhostではこの症状は起きません。
1 likes
