NX Monorepo删除Angular组件库后TailwindCSS报错的修复咨询

1. 清理NX缓存 #

NX会缓存构建信息和依赖关系，已删除库的残留路径大概率存于缓存中，执行命令清空缓存：

nx reset

之后重新启动开发服务。

2. 修正Tailwind配置的content字段 #

报错里的createGlobPatternsForDependencies是NX自动生成Tailwind扫描路径的工具，它仍在尝试读取已删除的popup库。直接手动指定需要扫描的文件路径，替换自动生成逻辑：
打开项目根目录的tailwind.config.js（或.ts），修改content配置：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{html,ts}',
    // 仅保留当前存在的库路径，比如
    // './libs/shared/ui/**/*.{html,ts}'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

如果之前配置里硬编码了popup库的路径，直接删除对应行。

3. 清理项目配置中的残留引用 #

检查以下配置文件，删除所有指向shared/ui/popup的条目：

• nx.json：查看projects或implicitDependencies部分
• project.json（主应用及其他库的配置文件）：检查dependencies、targets里的依赖引用
• package.json：确认无遗留的库相关依赖

4. 全局扫描并删除代码中的残留导入 #

用IDE的全局搜索功能（比如VS Code按Ctrl+Shift+F），搜索@your-workspace/shared/ui/popup（替换为你的实际工作区别名），找到所有残留的导入语句并删除。

5. 重新安装依赖（可选） #

若上述步骤后仍有问题，执行依赖安装命令更新依赖树：

npm install
# 或使用yarn
yarn install

完成以上步骤后，重新启动开发服务，TailwindCSS即可恢复正常，也不会再出现找不到已删除库的报错。

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