问题标签 [ionic4]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
9 回答
13811 浏览

angular - 如何使用 Ionic 4 检测平台

0 投票
9 回答
70755 浏览

angular - NavController 在 Ionic 4 中不起作用

我在我的构造函数中注入了 NavController,因为我想推送一个页面。但是,下面的代码在 Ionic 4 中不起作用。在 Ionic 3 中完全没问题。

构造函数

方法

错误

0 投票
4 回答
1620 浏览

angular - Jest/Ionic 4 beta - 从 '@ionic/angular' 导入 { Platform };得到 SyntaxError: Unexpected token export in Jest testing, not Ionic

对基础包运行 Jest 时,我在运行测试时遇到 Jest 错误,仅在运行ionic serve. Jest 出现错误

这是:

我的 Jest.config.json

我只是使用示例侧菜单模板并调整组件以运行 Jest。

0 投票
4 回答
4830 浏览

ionic-framework - Ionic 4:如果模型是数字,则不选择离子选择

我有以下用于 html 和 javascript 的代码片段。请注意,id是类型number。加载页面时,即使model具有第一个选项的值,也不会选择第一个选项。

笔记。如果我将id字段设置为string.

/** HTML 片段 **/

/** 打字稿片段 **/

0 投票
1 回答
1046 浏览

android - ionic 4: android 权限在 prod 构建后不起作用

我正在使用@ionic-native/android-permissions。我在 app.component.ts 中的代码:

当我这样做时它正在工作:

离子科尔多瓦运行android

或者

离子科尔多瓦构建android

或者

离子科尔多瓦构建 android --release

但是,如果我添加 --prod,该应用程序不会请求许可。IE :

离子科尔多瓦运行 android --prod

或者

离子科尔多瓦构建 android --prod --release

所以设备麦克风不适用于该应用程序。

0 投票
1 回答
831 浏览

ionic4 - ionic 4 - 添加插件时未捕获的类型错误

我创建了一个离子项目(版本:4.0.6)。从https://beta.ionicframework.com/docs/native/social-sharing添加插件 cordova-plugin-x-socialsharing 后,我遇到了错误 。我被困在这里。有人可以帮我解决这个问题吗?

更新:我今天找到了一个解决方案!step1:将 package.json 中的插件版本更改为与 package.json 中显示的 @ionic-native/core 相同的版本。第 2 步:删除 node_module 并运行 npm install。第3步:在导入时在末尾添加'/ngx',如下所示;从 '@ionic-native/social-sharing/ngx' 导入 { SocialSharing };第 4 步:与 ionic 2 或 3 一样休息

0 投票
2 回答
831 浏览

ionic-framework - 如何使用量角器写入 Ionic 的“离子输入”?

我刚开始使用 Ionic 并查看文档,我想我会沿着使用内置内容而不是纯 HTML 的路线走下去。

所以我有这个HTML:

在我的 e2e 测试中,我想写入该字段,所以我尝试这样做:

我得到以下堆栈跟踪:

通过查看 HTML,我注意到实际input位于 shadow DOM 内部,因此我尝试使用以下方法访问它:

但它给了我:Failed: element not visible它似乎正在寻找<input type="hidden" …&gt;创造的东西ion-input。所以我将其更改为 search,input[type="tel"]因为它是唯一的,但没有运气,因为它现在说没有任何项目。

shadow DOM 对我来说是新的,我对它了解不多,我是否遗漏了一些明显的东西,我应该如何处理它?我附上了我的 Chrome 检查器视图的屏幕截图。

HTML 原样

0 投票
1 回答
2026 浏览

ionic-framework - Ionic 4 SQLite - TypeError: Object(…) is not a function

我正在使用 ionic 4 beta 版本。当我添加cordova-sqlite-storage插件并尝试打开数据库时,出现以下控制台错误。

我的依赖项如下:

我用来创建/打开数据库的代码来自ionic 文档

0 投票
0 回答
214 浏览

angular - 地理定位插件在Android手机中不起作用

离子信息:

在那个函数中,我正在调用this.getLocation()函数

插件名称:cordova-plugin-geolocation 4.0.1 “地理位置”

我安装了该插件,它在浏览器中运行良好,但在设备上无法运行。

有什么解决办法吗?或任何其他插件来实现该功能?

0 投票
4 回答
7022 浏览

ionic4 - 电容livereload不工作

我不知道如何在 ios 上使用 livereload 和 ionic 4 和 Capacitor。

我正在运行这个命令 ionic cap run ios -l,它将我的本地 IP 地址添加到capacitor.config.json.

但是,似乎我在这里遗漏了一些东西。

注意:根据提供实时重新加载功能#3130 ,这应该可以工作。

我的环境设置: