安装react-native-video后启动出现Unexpected token报错如何解决

该语法错误是由于你项目的Babel转译配置未兼容react-native-video新版本使用的JS可选参数、类属性箭头函数语法，无法转译node_modules下该依赖的源码导致。

按顺序执行以下操作即可修复：

• 安装缺失的Babel转译插件
  执行如下命令安装开发依赖：

yarn add @babel/plugin-proposal-class-properties @babel/plugin-proposal-optional-chaining @babel/plugin-transform-optional-parameters -D

• 修改项目Babel配置
  打开项目根目录的babel.config.js（如无则找.babelrc文件），在plugins配置项中加入刚安装的插件：

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    ["@babel/plugin-proposal-class-properties", { loose: true }],
    "@babel/plugin-proposal-optional-chaining",
    "@babel/plugin-transform-optional-parameters"
  ]
};

• 清除缓存重启项目
  执行命令清除构建缓存后重启服务：

yarn start --reset-cache

如果上述配置修改后仍报错，可直接降级react-native-video到语法兼容的稳定旧版本：

yarn add react-native-video@5.2.1

安装完成后重新启动项目即可正常使用。

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