Javascript 错误：从'；反应；；SyntaxError:意外标识符-反应本机

虽然我的项目在iOS和Android模拟器上都成功运行，但我在VSCode的调试控制台中遇到了这个错误

编辑： 环境详情： 反应：16.9.0 反应本机：0.61.1 节点：12.13.0 净现值：6.12.0

import React, {Component} from 'react';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at Module._compile (internal/modules/cjs/loader.js:892:18)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Function.Module.runMain (internal/modules/cjs/loader.js:1025:10)
    at internal/main/run_main_module.js:17:11

这是我的密码：

import React，{Component}来自'React'；
从“react native”导入{视图、文本、按钮}；
//从“react native手势处理程序”导入{FlatList，TouchableOpacity}；
从“@react native firebase/firestore”导入firestore；
从'@react native firebase/auth'导入身份验证；
从“反应本机手势处理程序”导入{FlatList}；
从“../components/UserSummary”导入UserSummary；
类AllFriendscreen扩展组件{
建造师（道具）{
超级（道具）；
此.state={
朋友们：[]，
friendsData:[]，
};
this.tempFriends=[]；
this.tempFriendsData=[]；
}
componentDidMount（）{
这个是fetchFriends（）
.然后（（）=>
这是我的国家({
朋友们：这是我的朋友们，
}),
)
.然后（（）=>this.fetchEachFriend（））；
}
异步fetchFriends（）{
const uid=auth（）.currentUser.uid；
等待firestore（）
.收藏（‘友谊’）
.where（'uid1'，'='，`${uid}`）
.get（）
。然后（doc=>{
如果（单据为空）{
无效的
console.log（'DOC:'，DOC.empty）；
}否则{
doc.forEach（snap=>{
console.log（snap.data（）.uid2）；
this.tempFriends.push（snap.data（）.uid2）；
console.log（this.tempFriends）；
});
}
})
.catch（err=>console.log（'Error DOC1'，err））；
等待firestore（）
.收藏（‘友谊’）
.where（'uid2'，'='，`${uid}`）
.get（）
。然后（doc=>{
如果（单据为空）{
无效的
console.log（'DOC2:'，doc.empty）；
}否则{
doc.forEach（snap=>{
console.log（snap.data（）.uid1）；
this.tempFriends.push（snap.data（）.uid1）；
console.log（this.tempFriends）；
});
}
})
.catch（err=>console.log（'Error DOC2'，err））；
}
fetchEachFriend（）{
this.state.friends.forEach（uid=>{
log（'UID:'，UID）；
firestore（）
.collection（'用户'）
.doc（`${uid}`）
.get（）
。然后（doc=>{
console.log（'Friend Data'，doc.Data（））；
这个.tempFriendsData.push({
uid:doc.id，
数据：doc.data（），
});
})
.then（（）=>this.setState（{friendsData:this.tempFriendsData}））
.catch（错误=>{
log（'Error fetchEachFriend（）：'，err）；
});
});
}
_renderItem（{item}）{
返回(
);
}
render（）{
console.log（'STATE RENDER:'，this.STATE.friendsData）；
返回(
index.toString（）}
/>
);
}
}
导出默认AllFriendscreen；

这是一个react本地项目，使用谷歌的firebase云firestore作为数据库。与数据库的所有交互都已成功运行 请引导我

---

谢谢你

你把这一行放在文件的顶部了吗？@nafeesahmed重要吗？@nafeesahmedyes@yashatreya你能给我们提供一些代码吗？我在问题中添加了代码