Невозможно импортировать другие файлы в client.js с реакции.js

Question

У меня есть реактивный проект.Я использую Reaction-360, чтобы создать 360-градусный вид.Я хочу импортировать данные из firebase в мой client.js.Данные лежат в моем файле firebaseData.js.Поэтому, когда я пытаюсь импортировать его с

import * as firebaseData from 'firebaseData/firebaseData.js'

, происходит сбой всего моего приложения.Какие-либо предложения?Путь должен быть в порядке.

---

мой файл firebase.js:

import * as firebase from 'firebase'

var config = {
  apiKey: 'xy',
  authDomain: 'xy',
  databaseURL: 'xy',
  projectId: 'xy',
  storageBucket: 'xy.appspot.com',
  messagingSenderId: 'xy'
}
firebase.initializeApp(config)

export class firebaseData extends Component {

constructor () {
super()
this.state = {
  img: 0
}

  }

  componentDidMount () {
    const dbRef = firebase.database().ref().child('root')
    const dataRef = dbRef.child('value')


    dataRef.on('value', snap => {
      this.setState({
        img: snap.val()
      })
    })
  }
}

Answer 1

импорт * как firebaseData из 'firebaseData / firebaseData.js'

Изменить на

import {firebaseData} из './firebaseData/firebaseData.js'

Вам необходимо добавить фигурные скобки, поскольку это не экспорт по умолчанию, и добавить точку для пути.

Я надеюсь, что папка firebaseData находится внутри текущего каталога.

Я надеюсь, что это решит проблему.Пожалуйста, проверьте и дайте мне знать.