Ionic storage-angular报错：无法解析'@angular/common'模块求助

AI 小北

2026-6-29

Ionic Storage-Angular 模块找不到 @angular/common 报错解决

在Ionic应用中尝试使用@ionic/storage-angular，按官方文档执行npm install @ionic/storage-angular完成安装后，在app.module.ts中导入IonicStorageModule时出现如下报错：

../../node_modules/@ionic/storage-angular/fesm2020/ionic-storage-angular.mjs:2:0-51
Error: Module not found: Error: Can't resolve '@angular/common' in '/home/<path_to_my_project>/node_modules/@ionic/storage-angular/fesm2020'

app.module.ts相关代码：

import { IonicStorageModule } from '@ionic/storage-angular';

imports: [ ... IonicStorageModule.forRoot()]

当前环境版本信息：

Ionic CLI                     : 7.2.0 (/home/baffo/.nvm/versions/node/v20.11.0/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 7.6.6
   @angular-devkit/build-angular : 17.1.1
   @angular-devkit/schematics    : 17.1.1
   @angular/cli                  : 17.1.1
   @ionic/angular-toolkit        : 9.0.0

已尝试过Stack Overflow上的某个解决方案但未解决问题。

解决步骤

检查并安装@angular/common
执行命令确认是否已安装：
```
npm list @angular/common
```
若显示缺失或版本不匹配，安装对应Angular版本的@angular/common：
```
npm install @angular/common@17.1.1
```
清理依赖缓存并重装
1. 删除本地依赖文件夹和锁文件：
```
rm -rf node_modules package-lock.json
```
  Windows系统执行：
```
rmdir /s/q node_modules & del package-lock.json
```
2. 重新安装所有依赖：
```
npm install
```
确认@ionic/storage-angular版本兼容性
Ionic 7+需搭配@ionic/storage-angular@^4.0.0及以上版本，检查package.json中的版本，若版本不符，重新安装适配版本：
```
npm install @ionic/storage-angular@^4.0.0
```
重启开发服务器
依赖变更后重启本地开发服务，避免缓存导致的异常。