无法使用react.js将其他文件导入client.js-Java 学习之路

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

2 回答

如果您使用带有npm包的TypeScript，则可以导入以下文件：

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

但是，您使用的是js文件，您应该如下导入：

var firebaseData = require('firebaseData/firebaseData');

要么

import firebaseData from 'firebaseData/firebaseData.js'

回复于 2024-05-20T10:30:42+08:00

0

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

改成

从'导入 . /firebaseData/firebaseData.js'

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

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

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

回复于 2024-05-20T10:30:42+08:00

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

2 回答

相关问题