时间戳

首页 > 解决方案 > 无法使用 react.js 将其他文件导入 client.js

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

问题描述

我有一个 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()
      })
    })
  }
}

标签： javascriptreactjsfirebaseimportclient

解决方案

从 'firebaseData/firebaseData.js' 导入 * 作为 firebaseData

改成

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

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

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

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

推荐阅读