无法在 ionic 3 项目的模块中导入 google plus 插件

Posted 2023-03-15

【中文标题】无法在 ionic 3 项目的模块中导入 google plus 插件

【英文标题】：Can't import google plus plugin in ionic 3 project 's module

【发布时间】：2018-12-17 06:49:26

【问题描述】：

我正在使用ionic-3 开发Hybrid 应用程序。我在 app.module.ts 和 page.ts 中导入 google plus 插件时遇到了麻烦。 我已经从下面的命令成功安装了 google plus 插件，但我第一次遇到这个问题。

$ ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=myreversedclientid

$ npm install --save @ionic-native/google-plus

我的导入错误在下面的图片中

App.module.ts

页面.ts

离子信息

cli 包：(C:\Users\sandip\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

全局包：

cordova (Cordova CLI) : 6.4.0

本地包：

@ionic/app-scripts : 3.2.1
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.9.2

系统：

Node : v8.1.4
npm  : 6.5.0
OS   : Windows 8

环境变量：

android_HOME : E:\newsdk\newsdk\tools;E:\newsdk\newsdk\platform-tools;E:\newsdk\newsdk\build-tools

杂项：

backend : pro

我希望这些信息足以理解我的问题。

【问题讨论】：

没有“googleplusoriginal”的提供者类。它应该是“googleplus”。检查您的项目代码库中是否使用了任何 googleplusoriginal 类型。

我已经检查过没有任何 googleplusoriginal 类型被使用。

如果您在代码库中没有任何“googleplusoriginal”类型。 VSCode 如何报告问题。尝试删除“node_modules”文件夹，执行“npm install”

【参考方案1】：

尝试将其导入您正在工作的模块中：

import  GooglePlus  from '@ionic-native/google-plus/ngx'

@ngModule(
   ...
   providers: [
      ...
      GooglePlus
    ]
)

【讨论】：

请注意末尾的/ngx。如果你错过了它，你会得到奇怪的错误。