前提・実現したいこと
Firebase × Nuxt.js
Firestoreとプロジェクトを紐付け、値を取得、登録したい
発生している問題・エラーメッセージ
$ vue init nuxt/starter
$ npm install
$ npm init
nuxtプロジェクトの開発環境を作ったのち、
$ npm i -g firebase-tools
$ firebase login
$ firebase init
まで進み、Enter連打で各種設定ファイルを生成、その後
$ npm install --save firebase
firebaseをローカルにインストールしました。
そして、/plugins/firebase.js
を作成し、
import firebase from 'firebase' if (!firebase.apps.length) { firebase.initializeApp({ apiKey: "XXXXXXXXXXXXXXXXXXXXXXXX", authDomain: "XXXXXXXXXX.firebaseapp.com", databaseURL: "https://XXXXXXXXXX.firebaseio.com", projectId: "XXXXXXXXXX", storageBucket: "XXXXXXXXXX.appspot.com", messagingSenderId: "XXXXXXXXXX" }) }
を記述しました。
この状態からコンポーネントやストアからFirestoreにアクセスしようとすると、
Cannot find module 'core-js/features/array/find'
といった、core-jsが見当たらないよ〜といった具合のエラーが出ます。
該当のソースコード
上記したコマンドで生成したファイル群です
試したこと
エラー内容的に、core-jsとの依存関係がうまくいっていないのかな?と考えました。
- core-jsをインストールし直す
こちらの記事と同じようなエラーが出ていたため、core-js@2.6.5を再インストールしましたが、変わらず。
- 最新版にしてみる
core-js@latest
で最新版にしてみると、The "path" argument must be of type string. Received type undefined
また違ったエラーが出ました。
多くの方がQiita等で載せてくださっているチュートリアル通りに進めても、必ずこのエラーが発生してしまいます。
どなたかご教示いただければ幸いです。
補足情報(FW/ツールのバージョンなど)
Node.js - v10.14.0
@nuxt/cli - v2.6.2
追記
4/23 14:00
この記事の方法を試すも改善されず
あなたの回答
tips
プレビュー