【Nuxt.js+Firebase】core-js関連のエラーが大量に出力される事象の原因と対処
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/90/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T080557Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=16ea5f7a06abb28014a8c2a253d905f71562f31cefe7dcf4a5caa5e7df07a168)
はじめに
Nuxt.jsプロジェクトでFirebaseを使っていると、テストサーバー起動時やデプロイ時にcore-js関連のエラーが大量に出力されることがあります。
なぜエラーが出力されるのか、どうすれば解消できるのかをまとめました。
事象
先日、GitHubでソース管理を行っているNuxt.jsプロジェクトに ...
Nuxt.jsプロジェクトでFirebase AuthenticationのGoogle認証でログインし、認証情報をLocal Storageに保存する
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/83/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T080557Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=b5950687ceaeaa383e3f31a5bc04c829ea7d4f30b9326e098bbce39626093519)
はじめに
この記事ではFirebase AuthenticationのGoogle認証を利用してログイン機能を作成し、そのログイン情報をブラウザのLocal Storageに保存する方法を解説します。
この記事で作成したNuxt.jsプロジェクトは以下のGitHubリポジトリーで公開しています。
GitHub ...
Nuxt.jsプロジェクトでFirestoreのデータを変更/削除する
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/80/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T080557Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=45994b08aecb5830c18abd13d9f7ca48b5b0649ea83683cbc779539009e832c8)
はじめに
数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。
Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...
Nuxt.jsプロジェクトでいろいろな条件を指定してFirestoreからデータを取得する
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/79/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T080557Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=1bdfd2b501e444efde90e0aa915a582b0aa78163e7ab56e24ac39c8fee9f768d)
はじめに
数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。
Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...
Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/78/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T080557Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=42a0449a430b401e0bcc391811778b78f3898a779b90edcab08184d2e1db95c6)
はじめに
数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。
Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法
Nuxt.jsプロジェクトでいろいろな条件を指定してFirestor ...
Vue.js+Nuxt.js+Firebaseでサンプルアプリを作ってみた話
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/75/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T080557Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=46030b12355860cef2ebfea32555677611b94fe7842d93fc92ce80f225756000)
はじめに
Vue.jsベースのWebフレームワーク、Nuxt.jsでサンプルアプリを作ってみました。
<a href="https://whitia.firebaseapp.com/" target="_blank">
<img data-src="https://i.imgur.com/ZuANXQ3.png ...
![](/assets/profile-1055d2f9a1a248bf051584d3572c2f2d79d103e956e0fcee48f1cab5cd40472b.jpg)
坂井 光太郎 / Sakai Kotaro
Ruby on Rails を中心とした Web アプリ開発全般に関する技術情報をまとめています。業務に関するご依頼・ご相談、当サイトに対するご感想やメッセージはコンタクトフォームからお気軽にお問い合わせください。