如何将Shopify应用中的Polaris v6升级至Polaris v9版本？

• 第一步：更新依赖版本
  首先卸载现有v6版本的Polaris相关包，终端执行对应包管理工具的卸载命令：
  npm用户执行：npm uninstall @shopify/polaris @shopify/polaris-icons
  yarn用户执行：yarn remove @shopify/polaris @shopify/polaris-icons
  注意Polaris v9要求React、react-dom版本≥17.0.0，如果项目当前React版本低于17，需要先升级React相关依赖到符合要求的版本。之后安装v9版本的Polaris及匹配版本的图标包：
  npm用户执行：npm install @shopify/polaris@9 @shopify/polaris-icons@^4.22.0
  yarn用户执行：yarn add @shopify/polaris@9 @shopify/polaris-icons@^4.22.0
• 第二步：修正全局样式引入路径
  你当前使用的import '@shopify/polaris/dist/styles.css';是v6版本的样式入口，v9版本的样式输出路径已经调整，直接将该引入语句替换为：
  import '@shopify/polaris/build/esm/styles.css';
• 第三步：适配破坏性变更
  v6到v9跨多个大版本，存在不少不兼容的API调整，需要逐一排查修改：
  1. 替换所有被废弃的组件属性：比如Banner组件的status枚举值调整、Modal组件的footer/action属性写法变更、部分表单组件的校验回调参数调整，所有废弃API在v9中会直接抛出报错，需要替换为v9支持的新写法
  2. 校验自定义样式覆盖逻辑：v9更新了设计token体系和组件类名生成规则，之前针对Polaris组件写的自定义样式、类名选择器大概率会失效，需要替换为v9开放的CSS变量或者官方支持的自定义入口调整
  3. 调整AppProvider配置：如果项目中给AppProvider传入了自定义国际化语言包、主题配置，v9对这部分配置的数据结构做了调整，需要同步更新为对应格式
• 第四步：验证升级结果
  重启本地开发服务，打开引入的Polaris样式文件查看头部标注的版本号，显示为v9.x.x即为依赖引入正确。之后全量测试核心页面的组件渲染、交互逻辑，确认无样式错位、功能报错即可完成升级。

内容的提问来源于stack exchange，提问作者Rafael Corrêa Gomes