React Native使用color包报Module parse failed错误如何解决？

报错是因为你使用的color包v4及以上版本用到了ES2021新增的数字分隔符语法，代码里的0.039_28就是这个语法的写法，用来提升长数字的可读性。但你当前React Native项目的默认转译配置不会处理node_modules下依赖的新语法，所以解析到这段代码时直接抛出语法错误。

• 方案一：降级color包到v3.x版本（最简单快捷）
  v3版本没有使用数字分隔符语法，直接执行安装命令即可：

npm install color@3
# 或者用yarn
yarn add color@3

安装完成后重启项目即可正常运行。

• 方案二：调整转译配置兼容高版本color
  如果必须使用高版本的color包，可以修改项目配置，让转译工具处理color包的代码：

1. 打开项目根目录的metro.config.js，新增transpilePackages配置，将color加入转译列表：

const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');

const config = {
  // 保留你的其他原有配置
  transpilePackages: ['color'],
};

module.exports = mergeConfig(getDefaultConfig(__dirname), config);

2. 配置完成后清空缓存重启项目：

npx react-native start --reset-cache

• 方案三：替代color依赖
  如果只是需要简单的颜色转换、透明度调整能力，可以用React Native内置的processColor工具，或者其他轻量无兼容性问题的颜色处理库，完全替代color包避免同类问题。

内容的提问来源于stack exchange，提问作者JACKSON LION WALKER