You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native Expo引入Apple官方Add to Wallet SVG报错求助

Expo React Native 适配Apple官方「Add to Apple Wallet」SVG的报错解决

问题重现

使用Apple官方提供的「Add to Apple Wallet」SVG(US-UK_Add_to_Apple_Wallet_RGB_101421.svg)在Expo React Native项目中构建或运行时,执行npx expo run:ios、构建Android/iOS版本都会触发以下错误:

error: assets/wallet/addToAppleWalletSVG.svg: Cannot set properties of undefined (setting 'shouldTestNextSiblings')

尝试过修改metro.config.js(但其他SVG可正常使用,无全局配置问题)、使用SVG优化工具(不符合Apple资产使用规范,放弃);移除SVG内的<style>标签能修复报错,但会彻底破坏官方定义的样式,不可行。

核心原因

Apple官方SVG的<style>标签中包含Metro默认SVG处理器无法解析的复杂CSS选择器(比如svg:not(:root)这类伪类组合),导致解析时抛出异常。

解决方案

方案1:修改SVG内的

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 05:22:39