Angular v16下angular-ru/ngxs无法导入：找不到模块及类型声明

问题原因 #

你安装的@angular-ru/ngxs@14.2.0是针对Angular 14版本开发的，和当前使用的Angular 16存在版本兼容性问题，导致TypeScript无法正确解析模块及其类型声明。

解决步骤 #

• 卸载不兼容版本，安装匹配Angular 16的版本
  先卸载旧版本：

  npm uninstall @angular-ru/ngxs
  

  安装适配Angular 16的版本（主版本号通常与Angular版本一致，可根据实际情况选择最新兼容版本）：

  npm install @angular-ru/ngxs@^16.0.0
  

• 清理缓存并重启开发服务
  清理npm缓存避免残留问题：

  npm cache clean --force
  

  停止当前的ng serve服务，重新启动：

  ng serve
  

• 检查TypeScript配置
  打开项目根目录的tsconfig.json，确保compilerOptions包含以下配置：

  {
    "compilerOptions": {
      "moduleResolution": "node",
      "allowSyntheticDefaultImports": true
    }
  }
  

• 重新安装依赖（可选）
  如果上述步骤无效，删除node_modules文件夹和package-lock.json文件，然后重新安装所有依赖：

  rm -rf node_modules package-lock.json
  npm install
  

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