Vueアプリで、FirebaseがModule not found: Error: Can't resolveになってしまう。
解決済
回答 1
投稿
- 評価
- クリップ 0
- VIEW 559
Vue CLIでアプリケーションを作成している者です。
Firebase Authenticationを利用して、認証機能を実装しようとしています。
困っていること
こちらを参考に、作成していたのですが、srcフォルダ内に配置したfirebase.jsファイルにおいて、以下の画像のようなエラーが出てしまいます。
解決方法をご存知の方がいらっしゃいましたら、ご教示いただけますと、幸いです。
問題のfirebase.jsファイルのコードは以下です。
import firebase from 'firebase'
import 'firebase/auth'
const config = {
apiKey: 'hogehoge',
//省略
}
firebase.initializeApp(config);
export default firebase;フォルダ構成は以下の画像のようになっています。
自分でやってみたこと
こちらのように、importの仕方を、
import * as firebase from "firebase/app";
のように書き換えてみましたが、できませんでした。
補足
今回、認証機能を作り始めた時に、
npm install -g firebase-tools
で、firebase-toolsというものをインストールし、Firebase initをして開始しました。
firebaseのバージョンは、8.12.0です。
package.jsonの状態(関係あるかわからないですが)
Vuex入ってますが、認証では使わない予定です。
{
"name": "jobhunt",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"vue": "^2.6.11",
"vue-router": "^3.4.6",
"vuex": "^3.4.0",
"vuex-persistedstate": "^3.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"vue-template-compiler": "^2.6.11"
}
}-
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
クリップを取り消します
-
良い質問の評価を上げる
以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します
-
評価を下げられる数の上限に達しました
評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる
teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します
この機能は開放されていません
評価を下げる条件を満たしてません
質問の評価を下げる機能の利用条件
この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
-
メールアドレスの認証
メールアドレスの認証
-
質問評価に関するヘルプページの閲覧
質問評価に関するヘルプページの閲覧
15分調べてもわからないことは、teratailで質問しよう！
- ただいまの回答率 88.35%
- 質問をまとめることで、思考を整理して素早く解決
- テンプレート機能で、簡単に質問をまとめられる