使用react-moralis出现unexpected token 'react'报错如何解决

导入语句存在基础语法错误：from关键字后跟随的第三方包名没有用引号包裹为字符串，构建工具解析时会将react-moralis识别为未声明的变量，直接触发语法解析失败，和react-moralis包是否安装成功没有关联。

触发报错的错误写法：

import { Moralis} from react-moralis

将包名用单/双引号包裹，修正为符合ES模块规范的写法即可：

import { Moralis } from 'react-moralis'

如果修正引号后仍存在编译报错，可按以下顺序排查：

• 确认安装的react-moralis版本与项目React版本匹配：React 17/18 需搭配v1.x及以上版本的react-moralis，避免版本兼容问题
• 确认编写代码的文件后缀为.jsx/.tsx，部分构建工具对纯.js后缀的文件默认不开启JSX语法解析，也会触发解析错误
• 清除构建缓存后重启本地开发服务，排除旧缓存导致的异常编译问题

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