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

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.25 19:52:02