React Native中出现SyntaxError: Unexpected token import错误求助

嘿，这个错误我太熟悉了——本质上是你的代码里用了ES6的import语法，但运行环境没法直接解析它。咱们一步步排查解决：

1. 先确认Babel配置是否到位 #

React Native靠Babel把ES6+代码转成旧版JS让环境能识别。你得检查项目根目录有没有.babelrc文件，要是没有就新建一个，内容放这个：

{
  "presets": ["react-native"]
}

如果是较新的React Native版本，可能得用@babel/preset-react-native替代，那.babelrc就改成：

{
  "presets": ["@babel/preset-react-native"]
}

别忘了装对应的依赖：

npm install @babel/preset-react-native --save-dev

2. 别直接用node跑App.js！ #

很多新手会犯这个错——React Native的App.js不能直接用node App.js执行，必须用React Native CLI启动：

react-native run-android # 安卓项目
# 或者
react-native run-ios # iOS项目

直接用node跑的话，它默认不支持ES6模块语法，肯定会报这个错。

3. 重装依赖+清缓存 #

有时候依赖安装不全或者缓存搞鬼也会出问题，先删了node_modules和锁文件，再重装：

rm -rf node_modules package-lock.json
npm install

然后清一下React Native的缓存，重启服务：

react-native start --reset-cache

4. 检查导入路径和文件扩展名 #

确保你导入的那些Screen文件（比如LoginScreen）路径是对的，而且都是.js扩展名——路径写错或者扩展名不对，也可能间接触发转译错误。

按照这些步骤来，应该就能解决这个问题啦！

内容的提问来源于stack exchange，提问作者Nicholas Beni