【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=20240727T085807Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=77897db7066cbfde0136e12ef8cf60a5320ee48227a1bf90189851bac626f7b5)
はじめに
Nuxt.jsプロジェクトでFirebaseを使っていると、テストサーバー起動時やデプロイ時にcore-js関連のエラーが大量に出力されることがあります。
なぜエラーが出力されるのか、どうすれば解消できるのかをまとめました。
事象
先日、GitHubでソース管理を行っているNuxt.jsプロジェクトに ...
【Nuxt.js】GitHubからセキュリティアラートが届いたときの対応【package.json】
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/89/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T085807Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=1d707da6dd612e8b82884eae8908c51efe9b4ca054a00c624268539be7230c78)
はじめに
GitHubでソース管理を行っているプロジェクトにpackage.jsonのセキュリティアラートが届いたときの対応を記載します。
今回はNuxt.jsで作成したプロジェクトでの対応記録のため、タイトルなどに「Nuxt.js」と記載していますが、npm/yarnでパッケージ管理を行っているプロジェクトで ...
【カテゴリ別】Nuxt.js関連の記事まとめ
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/84/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T085807Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=dbead30306e20166eb01b144106c6695057203c3075d709792648346cb99af1d)
はじめに
Nuxt.js関連の記事が増えてきたので、この記事でカテゴリ別にまとめたいと思います。
最初の一歩
Nuxt.jsプロジェクトの作成から動作確認までの手順 (https://www.autovice.jp/articles/76)
Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順 ...
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=20240727T085807Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=af28a09b62ee10eb64bb6f110aa0c21048fac0da3c54bc251387c28c1fbccc89)
はじめに
この記事ではFirebase AuthenticationのGoogle認証を利用してログイン機能を作成し、そのログイン情報をブラウザのLocal Storageに保存する方法を解説します。
この記事で作成したNuxt.jsプロジェクトは以下のGitHubリポジトリーで公開しています。
GitHub ...
Nuxt.jsプロジェクトでFirebase Storageにアップロードした画像を変更/削除する
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/82/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T085807Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=c10700e70946ddac44b056151fa51119f382cdd713fd6bbd54b5321468adfc48)
はじめに
数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。
Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...
Nuxt.jsプロジェクトでFirebase Storageに画像ファイルをアップロードする
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/81/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T085808Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=c9db909f6070b0f3bb50f15cb269f504f700c9b461713bd2a889e2b91d1e40a4)
はじめに
数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。
Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...
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=20240727T085808Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=51cb493520566ce68b776f62541e236dba62a61766268774a1b2d9edd0ec8322)
はじめに
数回に分けて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=20240727T085808Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=8418c617dbfd71b1ea44e1b241610128818bacf78201c6462a39b68dc4c60075)
はじめに
数回に分けて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=20240727T085808Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=d06808824f4e27598f2858bff1afc39ec4e06a5f25442e51f7f14b6a9537c14c)
はじめに
数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。
Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法
Nuxt.jsプロジェクトでいろいろな条件を指定してFirestor ...
【Nuxt】Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/77/nuxt-js.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T085808Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=36ac1f004c4544567a692feac82ab3e196753934fb43b5926ce9d6271f7cfb88)
はじめに
本記事では、Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順について説明しています。
Nuxt.jsプロジェクトの作成がまだの方は、以下の記事を参照してNuxt.jsプロジェクトを作成しておいてください。
<iframe class="hatenablogcard" style=" ...
![](/assets/profile-1055d2f9a1a248bf051584d3572c2f2d79d103e956e0fcee48f1cab5cd40472b.jpg)
坂井 光太郎 / Sakai Kotaro
Ruby on Rails を中心とした Web アプリ開発全般に関する技術情報をまとめています。業務に関するご依頼・ご相談、当サイトに対するご感想やメッセージはコンタクトフォームからお気軽にお問い合わせください。