質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

解決済

reactで開発中に.Module not found: Can't resolve './firebase' in 'のエラーが出る。

suzukitoshinari
suzukitoshinari

総合スコア6

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

1回答

0評価

0クリップ

2823閲覧

投稿2021/01/21 03:24

編集2021/01/22 14:05

./src/components/List/list.js
Module not found: Can't resolve './firebase' in '/Users/suzukitoshinari/Desktop/e-todo-app/src/components/List'
のエラーが解決できません。
firebaseを再インストールしてみましたが、改善できません。
よろしくお願いします。
以下コードです。

//firebase.jsファイルです import * as firebase from 'firebase/app'; // import firebase from 'firebase'; import 'firebase/app'; import 'firebase/firestore'; import 'firebase/auth'; const firebaseApp = firebase.initializeApp({ apiKey: process.env.REACT_APP_FIREBASE_APIKEY, authDomain: process.env.REACT_APP_FIREBASE_DOMAIN, databaseURL: process.env.REACT_APP_FIREBASE_DATABASE, projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID, storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_FIREBASE_SENDER_ID, appId: process.env.REACT_APP_FIREBASE_APP_ID, measurementId: process.env.REACT_APP_FIREBASE_MEASUREMENT_ID }); export const db = firebaseApp.firestore(); export const auth = firebase.auth(); // export default firebase;
//.envファイル REACT_APP_FIREBASE_APIKEY="AIzaSyDsCrdfkOeSAUcnfy05BxNBcklFJSlnbqI" REACT_APP_FIREBASE_DOMAIN="e-todo-app.firebaseapp.com" REACT_APP_FIREBASE_DATABASE="https://e-todo-app.firebaseio.com" REACT_APP_FIREBASE_PROJECT_ID="e-todo-app" REACT_APP_FIREBASE_STORAGE_BUCKET="e-todo-app.appspot.com" REACT_APP_FIREBASE_SENDER_ID="520504304260" REACT_APP_FIREBASE_APP_ID="1:520504304260:web:f2b449c244d5b32624d8d1" REACT_APP_FIREBASE_MEASUREMENT_ID="G-K189C3ST6E"
//list.jsファイル import React, { useState, useEffect } from 'react'; import { makeStyles } from '@material-ui/core/styles'; import { TextField, List, ListItem, Checkbox } from '@material-ui/core'; import AudiotrackIcon from '@material-ui/icons/Audiotrack'; import AddBox from '@material-ui/icons/Add'; import DeleteForeverIcon from '@material-ui/icons/DeleteForever'; import { v4 as uuidv4 } from 'uuid'; import db from './firebase';

list.jsファイルでfirebase.jsからdbをimportしていますが、エラーが出てしまいます。
よろしくお願いします!!

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。