如何修复SvelteKit安装Netlify CMS时出现的上游依赖冲突问题

这个报错并非Netlify CMS与SvelteKit不兼容导致。

报错根因 #

你触发的是npm 7+版本自带的严格对等依赖校验规则，冲突完全发生在Netlify CMS内部的依赖链中，和SvelteKit框架无关：

• Netlify CMS本体声明支持React 16/17版本
• 它依赖的react-split-pane@0.1.92包仅声明适配React 16版本
  二者声明的对等依赖范围不匹配，被npm的校验机制拦截了安装流程。

解决方法 #

• 临时绕过校验安装：执行安装命令时添加--legacy-peer-deps参数，跳过对等依赖校验即可完成安装，命令如下：

npm i netlify-cms-app --legacy-peer-deps

目前实测Netlify CMS在React 17环境下运行无功能问题，该操作不会对你的SvelteKit项目产生负面影响。

• 更适配SvelteKit的方案：无需安装npm包，直接在项目的静态CMS管理页面HTML中引入Netlify CMS的CDN脚本，完全避开npm依赖冲突，使用效果和本地安装npm包完全一致。

兼容说明 #

Netlify CMS是独立运行的前端管理工具，和项目使用的前端框架无关，官方对Sapper的支持规则完全可以复用在SvelteKit项目中，不存在框架层面的兼容障碍。

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