无法使用react.js将其他文件导入client.js

Question

我有一个react.js项目。我使用react-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.js'导入*作为firebaseData

更改为

从'导入{firebaseData}。 /firebaseData/firebaseData.js'

您需要添加花括号，因为它不是默认导出，并为路径添加一个点。

我希望firebaseData文件夹位于当前目录中。

我希望这可以解决问题。请检查并让我知道。