标签: ionic-plugins

如何使用 ionic 为我的网站创建一个简单的 webview

我正在尝试使用 ionic 为我的网站制作一个简单的 webview 应用程序。
我所做的是

npm install -g 科尔多瓦

版本->9.0.0

npm install -g 离子

版本->5.0.3

ionic 启动 myApp 空白

cd 我的应用程序

ionic cordova 插件添加 cordova-plugin-ionic-webview

npm install @ionic-native/ionic-webview

现在我应该在哪里编辑文件。我只想放置我的网站链接,没有更多额外的功能。我找不到制作网络视图应用程序的好指南。我需要使用in-app-browser而不是 webview 吗?我错过了什么步骤吗?

cordova-plugin-ionic-webview说要查找<preference name="Hostname" value="app" />,我无法在config.xml应用程序的根目录中找到该代码。该代码位于哪里?

还建议哪个平台最适合跨平台 webview 应用程序。

webview ionic-framework cordova-plugins ionic-plugins ionic-webview

6
推荐指数
1
解决办法
2万
查看次数

TypeScript找不到名称'ClassName',尽管导出了Ionic 3

我必须在我的Ionic 3应用程序中使用某些插件,但它给出了找不到名称错误.我进口了

import { AndroidPermissions } from '@ionic-native/android-permissions';

并在构造函数中声明(public androidPermissions: AndroidPermissions),它给出了一个错误([ts] Cannot find name 'AndroidPermissions'.).

在app.module.ts中声明相同的插件并在Provider中声明时,它给出了错误

[ts]
Type 'AndroidPermissionsOriginal' is not assignable to type 'Provider'.
Type 'AndroidPermissionsOriginal' is missing the following properties from type 'FactoryProvider': provide, useFactory [2322]
Run Code Online (Sandbox Code Playgroud)

阅读论坛后,我用ngx导入了这个插件.

import { AndroidPermissions } from '@ionic-native/android-permissions/ngx'
Run Code Online (Sandbox Code Playgroud)

错误得到解决,但在调用它时会抛出错误

Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function
    at AndroidPermissions.requestPermissions (http://192.168.0.13:8100/build/vendor.js:69796:154)
    at http://192.168.0.13:8100/build/main.js:138:32
    at t.invoke (http://192.168.0.13:8100/build/polyfills.js:3:14976)
    at Object.onInvoke (http://192.168.0.13:8100/build/vendor.js:5134:33)
    at t.invoke (http://192.168.0.13:8100/build/polyfills.js:3:14916)
    at …
Run Code Online (Sandbox Code Playgroud)

typescript ionic-native ionic3 angular ionic-plugins

5
推荐指数
1
解决办法
421
查看次数

如何从 ionic 3 中具有特定联系人的其他应用程序打开 Whatsapp 应用程序?

我开发了一个 ionic 3 应用程序。我无法从我的应用程序中使用 ionic 3 中的特定联系人打开 Whatsapp。我不想发送或共享任何内容,而只想从我的应用程序中使用特定联系人打开 Android 和 iOS 中的 Whatsapp。有什么办法可以打开whatsapp吗?到目前为止,我已经实施如下,但不起作用

window.open(`whatsapp:${+911234567890}`, '_system');
Run Code Online (Sandbox Code Playgroud)

任何帮助非常感谢。

android android-intent ionic-native ionic3 ionic-plugins

5
推荐指数
1
解决办法
3339
查看次数

解决-如何解决由于提供'@ ionic-native / AppVersion'或'... / ngx'并在调用任何AppVersion方法时出现异常而导致的问题?

我已经添加了AppVersion Ionic本机插件(https://ionicframework.com/docs/native/app-version#usage)。在尝试将其提供给我后,app.module.ts我在编译时出现错误,例如“ AppVersion不存在提供程序” ...

我认为可能是从AppVersion的Ionic 4 /最新版本开始,我需要按照以下说明进行操作:https ://ionicframework.com/docs/native/#Add_Plugins_to_Your_App_Module,它表示要app.module.ts使用这样的导入将插件提供给:

import AppVersion from '@ionic-native/AppVersion/ngx'

代码编译。完善。但是可悲的是,在运行时我遇到一个错误,它说:

TypeError: Object(__WEBPACK_IMPORTED_MODULE_1__ionic_native_core__["cordova"]) is not a function. (In 'Object(__WEBPACK_IMPORTED_MODULE_1__ionic_native_core__["cordova"])(this, "getPackageName", {}, arguments)', 'Object(__WEBPACK_IMPORTED_MODULE_1__ionic_native_core__["cordova"])' is an instance of Object) getPackageName — index.js:28...

因此,对于这个耗时的问题,我的解决方案是获取适用于另一个项目的AppVersion的保留版本:

package.json

...
"@ionic-native/app-version": "^4.18.0",
...
"cordova-plugin-app-version": "0.1.9",
...
Run Code Online (Sandbox Code Playgroud)

这样,我可以正常将插件导入到我的app.module.tsimport AppVersion from '@ionic-native/AppVersion')中,一切正常。

有我的堆栈的版本:

离子性:

ionic(Ionic CLI):4.1.2(/ usr / local / lib / node_modules / ionic)Ionic框架:ionic-angular 3.9.2 @ ionic / app-scripts:3.1.11

科尔多瓦:

cordova(Cordova CLI):8.1.1(cordova-lib@8.1.0)Cordova平台:android …

ionic-framework ionic3 angular ionic-plugins

2
推荐指数
1
解决办法
2376
查看次数