Svelte+Skeleton+Tailwind npm安装报错求助
干净安装Svelte + TypeScript + Skeleton + Tailwind的步骤
先彻底清理残留问题
- 删除当前的
diceGame文件夹 - 清理npm缓存避免旧依赖干扰:
npm cache clean --force
重新创建标准Svelte项目
npm create svelte@latest diceGame
创建过程中按需求选择:
- 选Skeleton project或Demo app(新手推荐Demo app)
- 务必勾选TypeScript
- ESLint、Prettier等工具建议全选,方便后续开发
安装基础依赖
cd diceGame npm install
用Skeleton CLI安装(自动集成Tailwind,避免冲突)
Skeleton官方自带Tailwind集成,不需要单独用svelte-add安装,直接执行:
npx @skeletonlabs/cli@latest init
按照提示操作:
- 选择Tailwind CSS作为样式方案
- 挑选你需要的主题(比如默认的Skeleton主题)
- 确认让CLI自动配置所有相关文件和依赖
验证安装结果
启动开发服务器:
npm run dev
如果能正常打开页面且无报错,就说明安装成功了。
之前报错大概率是因为先装Skeleton再用svelte-add装Tailwind,导致Tailwind配置重复、依赖版本冲突。Skeleton本身已经做好了Tailwind的集成配置,用官方CLI安装是最稳妥的方式。
内容的提问来源于stack exchange,提问作者Anpace
相关产品推荐
相关产品推荐

