Ionic 3中OneSignal插件显示未安装问题求助

• 确认插件实际安装状态
  检查项目根目录下的plugins文件夹，是否存在onesignal-cordova-plugin目录；同时查看config.xml文件，是否包含如下配置：

  <plugin name="onesignal-cordova-plugin" spec="^2.11.4" />
  

  如果没有，手动执行以下命令重新安装：

  cordova plugin add onesignal-cordova-plugin@2.11.4
  npm install @ionic-native/onesignal@4.20.0 --save
  

• 验证Ionic Native的注册配置
  在src/app/app.module.ts中，确保已经导入OneSignal模块并添加到providers数组：

  import { OneSignal } from '@ionic-native/onesignal';
  
  @NgModule({
    ...
    providers: [
      ...
      OneSignal,
      ...
    ]
  })
  export class AppModule {}
  

  同时，在使用插件的页面或服务中，必须通过依赖注入调用插件，而非直接引用：

  import { OneSignal } from '@ionic-native/onesignal';
  
  constructor(private oneSignal: OneSignal) {
    // 示例初始化代码
    this.oneSignal.startInit('你的AppID', '你的Google项目编号');
    this.oneSignal.endInit();
  }
  

• 必须在真机/模拟器环境测试
  Cordova插件无法在浏览器环境中运行，浏览器里出现"插件未安装"提示是正常现象，需部署到iOS/Android真机或对应模拟器上测试。

• 清理项目缓存
  执行以下命令清理各类缓存，避免缓存导致的加载异常：

  # 清理npm缓存
  npm cache clean --force
  # 清理Ionic缓存
  ionic cache clear
  # 移除并重新添加平台
  ionic cordova platform remove android ios
  ionic cordova platform add android ios
  

• 手动修复插件链接
  若npm安装后插件未正确关联到Cordova，可执行以下命令修复：

  ionic cordova plugin save
  ionic cordova prepare
  

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