解决Node Modules引用全局TypeScript目录导致的luxon依赖问题

核心问题分析 #

当前报错是因为ngx-material-timepicker需要调用luxon的核心运行库，而你之前仅复制了TypeScript类型文件，未安装实际的luxon包；同时TypeScript默认优先读取全局类型，导致依赖解析混乱。

解决方案 #

• 安装luxon核心依赖
  在项目根目录执行命令：

  npm install luxon --save
  

  该操作会将luxon添加到项目本地依赖，确保ngx-material-timepicker能找到其核心模块。

• 强制TypeScript使用本地类型
  修改项目根目录的tsconfig.json，添加typeRoots配置，限定TypeScript仅从本地node_modules/@types读取类型：

  {
    "compilerOptions": {
      // 保留原有其他配置
      "typeRoots": ["./node_modules/@types"]
    }
  }
  

• 彻底清理并重新安装依赖
  依次执行以下命令（Windows系统替换对应删除命令）：

  rm -rf node_modules package-lock.json
  # Windows系统使用：rmdir /s /q node_modules && del package-lock.json
  npm cache clean --force
  npm install
  

• 验证版本兼容性
  查看ngx-material-timepicker依赖的luxon版本范围，执行命令：

  npm ls ngx-material-timepicker
  

  若当前安装的luxon版本不在兼容范围内，安装指定版本：

  npm install luxon@[兼容版本号] --save
  

验证修复 #

完成上述步骤后，运行项目构建命令（如ng build），确认报错消失。

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