在使用 react-native-web 时，如果遇到关于 react-native-vector-icons 的打包错误，具体涉及到 experimental syntax ‘jsx’ 的问题，通常是因为打包工具无法正确解析 JSX 语法。以下是解决该问题的一些步骤和解决方案：

1. 确保 Babel 配置正确：
   确保 Babel 配置文件（例如 .babelrc 或 babel.config.js）中包含处理 JSX 语法所需的插件。通常，配置看起来如下：

   {  
    "presets": ["module:metro-react-native-babel-preset"],  
    "plugins": [  
      ["@babel/plugin-transform-react-jsx", { "runtime": "automatic" }]  
    ]  
   }  

   确保你安装了必要的 Babel 插件：

   npm install --save-dev @babel/plugin-transform-react-jsx  

2. 检查 Webpack 配置（如果使用自定义 Webpack）：
   如果你使用自定义 Webpack 配置，确保 Babel loader 正确设置，以处理 node_modules 中的特定包。更新 webpack.config.js 中的 Babel loader 部分：

   module: {  
    rules: [  
      {  
        test: /\.[jt]sx?$/,  
        exclude: /node_modules\/(?!(react-native-vector-icons)\/).*/,  
        use: {  
          loader: 'babel-loader',  
          options: {  
            presets: ['module:metro-react-native-babel-preset']  
          }  
        }  
      }  
    ]  
   }  

3. 使用 Babel 插件编译指定模块：
   确保在 Babel 配置中使用 babel-plugin-transform-define 或类似插件来处理需要编译的依赖，比如 react-native-vector-icons：

   你可以添加 babel-plugin-module-resolver 来重写模块解析：

   {  
    "presets": ["module:metro-react-native-babel-preset"],  
    "plugins": [  
      [  
        "module-resolver",  
        {  
          "alias": {  
            "react-native-vector-icons": "react-native-vector-icons/dist"  
          }  
        }  
      ]  
    ]  
   }  

   安装依赖：

   npm install --save-dev babel-plugin-module-resolver  

4. 检查 react-scripts 版本：
   确保使用的 react-scripts 版本是最新的，以支持最新的语法特性和 JSX 处理。

5. 依赖对齐与清理缓存：
   确保所有的依赖都对齐，并清理可能存在的缓存问题：

   npm cache clean --force  
   rm -rf node_modules  
   npm install  

通过以上步骤应该能够解决 react-native-web 应用中打包的 jsx 错误问题。如果问题仍然存在，请确保所使用的工具链和依赖包版本之间的兼容性，并查阅相关库的文档以获取更多帮助。