Svelte项目中Tailwind CSS自定义boxShadow阴影不显示问题

• 先核对类名写法：自定义阴影的固定前缀是shadow-，你配置的neumorphic阴影对应的类名是shadow-neumorphic，不要直接在元素class上写neumorphic。
• 重启本地开发服务：Tailwind不会热更新配置文件的改动，你加完boxShadow配置如果没重启dev server，新的工具类根本不会被生成。你提到自定义颜色能正常生效，基本是改颜色的时候刚好重启过服务，加阴影配置之后漏了这步。
• 注意内阴影的渲染要求：你写的是inset内阴影，这类阴影必须搭配不透明的元素背景才能显示。如果挂了shadow-neumorphic的元素背景是透明的，内阴影会直接穿透元素看不到，给元素加个实色背景比如bg-dark-purple就能正常显示。
• 排查样式覆盖：检查全局CSS reset、组件局部样式，有没有给目标元素加了优先级更高的box-shadow: none或者其他阴影值，把Tailwind生成的样式冲掉了。

你可以先做个简单验证：临时把阴影配置改成普通外阴影

boxShadow: {
  'neumorphic': '0 8px 16px rgba(0,0,0,0.2)'
}

重启服务后给测试元素加上shadow-neumorphic，如果外阴影能正常出来，说明Tailwind配置链路完全没问题，回去给元素补个不透明背景就能看到你写的拟态内阴影了。

内容的提问来源于stack exchange，提问作者João Pedro