热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ionic3:在app.module.ts中Googleplus不被识别为提供者

如何解决《ionic3:在app.module.ts中Googleplus不被识别为提供者》经验,为你挑选了1个好方法。

我正在尝试通过使用以下命令来构建用于生产的离子项目。 ionic cordova构建android --prod --release,但是我总是会遇到此错误: Javascript 堆满了内存,因此我在网上查看了以下解决方案:在ionic中添加了节点--max_old_space_size = 4096。 cmd文件,但是没有用。当我使用Firebase时,我尝试使用以下命令降级Firebase:

npm install --save firebase@4.x

因此,现在我的项目的googleplus插件GooglePlus类不被视为离子提供程序。这是我用来安装它的命令:

ionic cordova plugin add cordova-plugin-googleplus --save --variable REVERSED_CLIENT_ID=MY_REVERSE_CLIENT_ID

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

当我尝试在我的app.modules.ts中的providers部分中导入GooglePlus类时,无法识别该类。我尝试卸载并重新安装所有内容,但无法正常工作。

{


"name": "app name",
  "version": "2.0.1",
  "author": "auhtors name",
  "homepage": "website url",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "5.2.10",
    "@angular/common": "5.2.10",
    "@angular/compiler": "5.2.10",
    "@angular/compiler-cli": "5.2.10",
    "@angular/core": "5.2.10",
    "@angular/fire": "^5.0.0",
    "@angular/forms": "5.2.10",
    "@angular/http": "5.2.10",
    "@angular/platform-browser": "5.2.10",
    "@angular/platform-browser-dynamic": "5.2.10",
    "@ionic-native/admob-free": "^4.7.0",
    "@ionic-native/admob-pro": "^4.19.0",
    "@ionic-native/app-version": "^4.8.0",
    "@ionic-native/barcode-scanner": "^4.19.0",
    "@ionic-native/browser-tab": "^4.19.0",
    "@ionic-native/camera": "^4.7.0",
    "@ionic-native/core": "4.7.0",
    "@ionic-native/facebook": "^4.19.0",
    "@ionic-native/file": "^4.8.0",
    "@ionic-native/file-transfer": "^4.7.0",
    "@ionic-native/firebase": "^4.13.0",
    "@ionic-native/google-plus": "^5.0.0",
    "@ionic-native/in-app-browser": "^4.7.0",
    "@ionic-native/instagram": "^4.19.0",
    "@ionic-native/local-notifications": "^4.13.0",
    "@ionic-native/network": "^4.7.0",
    "@ionic-native/open-native-settings": "^4.7.0",
    "@ionic-native/social-sharing": "^4.7.0",
    "@ionic-native/splash-screen": "4.7.0",
    "@ionic-native/status-bar": "^4.7.0",
    "@ionic-native/youtube-video-player": "^4.7.0",
    "@ionic/storage": "2.1.3",
    "angular-pipes": "^8.0.0",
    "angularfire2": "^5.1.1",
    "cordova-admob-sdk": "^0.17.0",
    "cordova-android": "^7.1.4",
    "cordova-instagram-plugin": "^0.5.7",
    "cordova-ios": "^4.5.5",
    "cordova-open-native-settings": "^1.5.2",
    "cordova-plugin-add-swift-support": "^1.7.2",
    "cordova-plugin-admob-free": "^0.17.4",
    "cordova-plugin-admobpro": "^2.37.1",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-badge": "^0.8.7",
    "cordova-plugin-camera": "^4.0.3",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-document-viewer": "^0.9.10",
    "cordova-plugin-extension": "^1.5.4",
    "cordova-plugin-facebook4": "^4.1.0",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-file-transfer": "^1.7.1",
    "cordova-plugin-firebase": "^2.0.2",
    "cordova-plugin-inappbrowser": "^3.0.0",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^3.1.0",
    "cordova-plugin-local-notification": "^0.9.0-beta.2",
    "cordova-plugin-network-information": "^2.0.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-plugin-x-socialsharing": "^5.4.4",
    "cordova-plugin-youtube-video-player": "^1.0.6",
    "cordova-promise-polyfill": "0.0.2",
    "cordova-universal-clipboard": "git+https://github.com/Visigo/CordovaClipboard.git",
    "es6-promise-plugin": "^4.2.2",
    "firebase": "^5.8.2",
    "ionic-angular": "3.9.2",
    "ionic-img-viewer": "^2.9.0",
    "ionicons": "3.0.0",
    "moment": "^2.22.2",
    "ng2-pdf-viewer": "^5.1.0",
    "ng2-simple-timer": "^1.3.3",
    "ngx-moment": "^3.1.0",
    "phonegap-plugin-barcodescanner": "^8.0.0",
    "rxjs": "5.5.11",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.1",
    "@ionic/lab": "1.0.18",
    "typescript": "~2.6.2"
  },
  "description": "app description",
  "cordova": {
    "plugins": {
      "cordova-plugin-admob-free": {},
      "cordova-plugin-x-socialsharing": {
        "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
      },
      "cordova-instagram-plugin": {},
      "cordova-plugin-network-information": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-file-transfer": {},
      "cordova-open-native-settings": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-youtube-video-player": {},
      "cordova-plugin-app-version": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-ionic-keyboard": {},
      "phonegap-plugin-barcodescanner": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-file": {},
      "cordova-plugin-document-viewer": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-local-notification": {},
      "cordova-plugin-firebase": {},
      "cordova-universal-clipboard": {},
      "cordova-plugin-admobpro": {
        "PLAY_SERVICES_VERSION": "16.0.0"
      },
      "cordova-plugin-facebook4": {
        "APP_ID": "appid",
        "APP_NAME": "237actu",
        "FACEBOOK_HYBRID_APP_EVENTS": "false",
        "FACEBOOK_ANDROID_SDK_VERSION": "4.38.1"
      },
      "cordova-plugin-googleplus": {
        "REVERSED_CLIENT_ID": "app reverse client id"
      }
    },
    "platforms": [
      "android",
      "ios"
    ]
  }
}

这是app.module.ts文件内容的摘录

import { GooglePlus } from '@ionic-native/google-plus';
@NgModule({
  declarations: [
    MyApp,
    HomePage,
  ],
  imports: [
    AngularFireModule.initializeApp(config),
    BrowserModule,
    PdfViewerModule,
    HttpClientModule,
    IonicImageViewerModule,
    NgPipesModule,
    MomentModule,
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot(),
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
  ],
  providers: [
    AngularFireAuth,
    GooglePlus,
    UserAuthService,
    Facebook,
    RestClientService,
    AdmobFreeService,
    StatusBar,
    UserserviceProvider,
    SplashScreen,
    LocalNotifications,
    AdMobFree,
    SocialSharing,
    Instagram,
    Network,
    Camera,
    FileTransfer,
    File,
    OpenNativeSettings,
    SimpleTimer,
    InAppBrowser,
    YoutubeVideoPlayer,
    BarcodeScanner,
    AppVersion,
    Firebase,
    { provide: ErrorHandler, useClass: IonicErrorHandler }
  ]
})

有什么帮助吗?提前致谢。



1> Tomislav Sta..:

ngx像这样添加:

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

将插件导入@NgModule并将其添加到提供程序列表中。对于Angular,导入路径应以/ ngx结尾。Angular的更改检测将自动处理。- https://ionicframework.com/docs/native/


推荐阅读
  • 本文介绍了为什么要使用多进程处理TCP服务端,多进程的好处包括可靠性高和处理大量数据时速度快。然而,多进程不能共享进程空间,因此有一些变量不能共享。文章还提供了使用多进程实现TCP服务端的代码,并对代码进行了详细注释。 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 本文介绍了计算机网络的定义和通信流程,包括客户端编译文件、二进制转换、三层路由设备等。同时,还介绍了计算机网络中常用的关键词,如MAC地址和IP地址。 ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • 本文讨论了clone的fork与pthread_create创建线程的不同之处。进程是一个指令执行流及其执行环境,其执行环境是一个系统资源的集合。在调用系统调用fork创建一个进程时,子进程只是完全复制父进程的资源,这样得到的子进程独立于父进程,具有良好的并发性。但是二者之间的通讯需要通过专门的通讯机制,另外通过fork创建子进程系统开销很大。因此,在某些情况下,使用clone或pthread_create创建线程可能更加高效。 ... [详细]
  • 解决nginx启动报错epoll_wait() reported that client prematurely closed connection的方法
    本文介绍了解决nginx启动报错epoll_wait() reported that client prematurely closed connection的方法,包括检查location配置是否正确、pass_proxy是否需要加“/”等。同时,还介绍了修改nginx的error.log日志级别为debug,以便查看详细日志信息。 ... [详细]
  • 31.项目部署
    目录1一些概念1.1项目部署1.2WSGI1.3uWSGI1.4Nginx2安装环境与迁移项目2.1项目内容2.2项目配置2.2.1DEBUG2.2.2STAT ... [详细]
  • 【shell】网络处理:判断IP是否在网段、两个ip是否同网段、IP地址范围、网段包含关系
    本文介绍了使用shell脚本判断IP是否在同一网段、判断IP地址是否在某个范围内、计算IP地址范围、判断网段之间的包含关系的方法和原理。通过对IP和掩码进行与计算,可以判断两个IP是否在同一网段。同时,还提供了一段用于验证IP地址的正则表达式和判断特殊IP地址的方法。 ... [详细]
  • 移动端常用单位——rem的使用方法和注意事项
    本文介绍了移动端常用的单位rem的使用方法和注意事项,包括px、%、em、vw、vh等其他常用单位的比较。同时还介绍了如何通过JS获取视口宽度并动态调整rem的值,以适应不同设备的屏幕大小。此外,还提到了rem目前在移动端的主流地位。 ... [详细]
  • 本文介绍了一个适用于PHP应用快速接入TRX和TRC20数字资产的开发包,该开发包支持使用自有Tron区块链节点的应用场景,也支持基于Tron官方公共API服务的轻量级部署场景。提供的功能包括生成地址、验证地址、查询余额、交易转账、查询最新区块和查询交易信息等。详细信息可参考tron-php的Github地址:https://github.com/Fenguoz/tron-php。 ... [详细]
  • 本文介绍了Oracle存储过程的基本语法和写法示例,同时还介绍了已命名的系统异常的产生原因。 ... [详细]
  • 本文讨论了在VMWARE5.1的虚拟服务器Windows Server 2008R2上安装oracle 10g客户端时出现的问题,并提供了解决方法。错误日志显示了异常访问违例,通过分析日志中的问题帧,找到了解决问题的线索。文章详细介绍了解决方法,帮助读者顺利安装oracle 10g客户端。 ... [详细]
  • 如何在HTML中获取鼠标的当前位置
    本文介绍了在HTML中获取鼠标当前位置的三种方法,分别是相对于屏幕的位置、相对于窗口的位置以及考虑了页面滚动因素的位置。通过这些方法可以准确获取鼠标的坐标信息。 ... [详细]
  • centos安装Mysql的方法及步骤详解
    本文介绍了centos安装Mysql的两种方式:rpm方式和绿色方式安装,详细介绍了安装所需的软件包以及安装过程中的注意事项,包括检查是否安装成功的方法。通过本文,读者可以了解到在centos系统上如何正确安装Mysql。 ... [详细]
author-avatar
天蝎丿冷傲丨
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有