NX单仓库构建前端应用报错：scandir空路径ENOENT问题

针对你遇到的NX ENOENT: no such file or directory, scandir ''错误（扫描路径为空），结合你的环境（Angular v17.3.0、@nx v18.2.4、node v20.12.1）和已尝试的基础修复，可按以下步骤进一步排查：

• 确认命令执行路径与项目指定

  1. 确保在monorepo根目录执行构建命令，不要进入子项目目录执行。
  2. 尝试用完整项目名称指定构建目标：nx build <你的项目名称>，避免NX自动推断项目时出现路径解析异常。

• 校验NX workspace核心配置

  1. 检查根目录nx.json中的projects字段，确认你的Angular项目路径映射正确，无空值或错误路径。
  2. 若存在workspace.json，检查其中的项目入口配置，确保没有缺失或无效的路径引用。

• 排查构建配置中的隐性空值

  1. 用JSON校验工具（如jq）检查project.json语法：jq . apps/NQO/frontend/project.json，确认assets、styles等数组中无空元素，配置无语法错误导致的空路径解析。
  2. 检查tsconfig.app.json的include/exclude字段，确保没有空路径配置，避免触发空目录扫描。

• 清理缓存与构建产物

  1. 执行NX缓存重置：nx reset，彻底清除NX缓存文件。
  2. 删除dist目录和node_modules/.cache目录，重新执行npm install后再尝试构建。

• 验证环境兼容性

  1. 切换到Node 18 LTS版本（如18.20.2）测试，排除Node 20与NX 18.2.4的隐性兼容性问题。
  2. 尝试降级NX到18.1.x或升级到最新18.x补丁版本，排查是否为特定NX版本的已知bug。

• 检查第三方依赖路径

  1. 修改styles中的第三方依赖路径，去掉开头的./，改为相对根目录的路径：

     "styles": [
       "apps/NQO/frontend/src/styles.scss",
       "node_modules/bootstrap/dist/css/bootstrap.min.css",
       "node_modules/material-icons-font/material-icons-font.css"
     ]
     

  2. 确认material-icons-font依赖已正确安装，路径node_modules/material-icons-font/material-icons-font.css确实存在。

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