Rider中Blazor Server(.NET 10)项目Tailwind CSS智能提示失效

针对在Rider 2025.3.3中使用Tailwind CDN时，.razor和.html文件无法获得类名自动补全/智能提示的问题，可尝试以下步骤：

• 添加Tailwind配置文件
  即使使用CDN，Tailwind语言服务器仍需要识别项目上下文。在项目根目录创建tailwind.config.js，填入基础配置：

  /** @type {import('tailwindcss').Config} */
  module.exports = {
    content: [
      "./**/*.razor",
      "./**/*.html"
    ],
    theme: {
      extend: {},
    },
    plugins: [],
  }
  

  该配置指定语言服务器需要扫描的文件范围，是触发智能提示的关键前提。

• 检查Rider文件类型关联

  1. 打开Rider设置（File → Settings），进入Languages & Frameworks → ASP.NET → Razor，确认Razor文件的语言模式为Razor (ASP.NET)。
  2. 进入Editor → File Types，确保.razor和.html文件被正确归类到对应类型，未被其他类型覆盖。

• 重置插件配置并重启

  1. 备份当前Tailwind插件配置后，点击插件设置中的Restore Defaults恢复默认配置。
  2. 手动将"razor": "html"添加到includeLanguages字段，保存设置后重启Rider。

• 验证语言服务器路径
  若手动指定语言服务器路径，需确保路径正确：

  • 全局安装路径可通过npm list -g @tailwindcss/language-server查询。
  • 本地项目安装路径为./node_modules/@tailwindcss/language-server/bin/tailwindcss-language-server。
    在插件设置中选择Custom并填入正确路径，应用后重启Rider。

• 清除Rider缓存
  打开File → Invalidate Caches...，选择Invalidate and Restart，清除编辑器缓存后重新加载项目，解决缓存导致的插件识别异常。

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