React Native本地包导入style.js致宿主项目崩溃排查求助

• 使用了Web端CSS语法而非React Native规范
  React Native不支持Web的CSS选择器写法（比如.container { ... }这类），也不兼容CSS Modules等Web端样式方案。如果你的style.js里写了这类代码，宿主项目的React Native打包器无法解析，就会直接崩溃且无控制台输出。本地Jest测试可能因为配置了样式mock或者跳过了样式解析步骤，所以没触发错误。

• 引入了React Native不支持的依赖/API
  比如误引入了styled-components的Web版本，或者在样式计算中用到了window、document这类仅Web环境存在的对象，甚至依赖了宿主项目未安装的第三方样式库。本地测试时这些依赖可能被mock掉了，但实际安装到宿主项目时会执行真实逻辑，引发崩溃。

• 导出格式不符合React Native要求
  React Native要求样式必须是StyleSheet.create()创建的对象，或者纯静态对象。如果style.js导出的是函数、Promise，或者使用了动态import()这类异步导出方式，宿主项目加载时无法处理非预期的导出类型，直接崩溃。Jest测试可能只验证了导出存在，没检查运行时的格式兼容性。

• 资源路径引用失效
  style.js里如果有相对路径引用图片、字体等资源，在本地测试时路径是有效的，但安装到宿主项目后，打包上下文发生变化，这些路径会变成无效路径，导致打包器找不到资源而崩溃。

• 存在未被测试覆盖的语法/运行时错误
  比如语法笔误（括号不匹配、漏写逗号），或者样式计算逻辑里有抛出错误的代码（比如除以0、访问未定义变量）。本地Jest测试可能没覆盖到这些分支，或者测试环境的容错性更高，而宿主项目的打包器在编译阶段就触发了错误，导致直接崩溃。

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