无法使用 react 将其他文件导入客户端.js.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｝/firebaseDatafirebaseData.js的

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

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

我希望这能解决问题。请检查并告诉我。