react-native引入linear-gradient包执行expo start出现模块报错如何解决？

你安装的react-native-linear-gradient是需要对接原生端代码的第三方依赖，不支持Expo托管模式的项目，且你未做原生适配操作，所以启动时会触发模块加载异常。

根据你的项目类型选择对应操作即可：

1. 未执行eject的Expo托管项目（初学者默认的项目类型） #

直接替换为Expo官方维护的线性渐变库，步骤如下：

• 卸载原有不兼容依赖
  npm uninstall react-native-linear-gradient
• 安装Expo官方线性渐变库
  npx expo install expo-linear-gradient
• 替换代码中的引入声明，原有渐变属性基本无需改动，示例如下：

// 删掉原来的引入
// import LinearGradient from 'react-native-linear-gradient';
// 替换为官方库引入
import LinearGradient from 'expo-linear-gradient';

// 使用逻辑和原库完全兼容
<LinearGradient
  colors={['#4c669f', '#3b5998', '#192f6a']}
  style={{ flex: 1 }}
>
  {/* 原有页面内容 */}
</LinearGradient>

• 清除缓存重启项目
  npx expo start --clear

2. 已执行eject的裸开发Expo项目 #

如果你的项目已经脱离Expo托管模式，可以直接修复原依赖的链接问题：

• 执行原生链接命令：npx react-native link react-native-linear-gradient
• iOS端额外执行：cd ios && pod install
• 重启项目即可

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