问题标签 [ionic5]

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 投票
8 回答
21176 浏览

ionic-framework - ionic 5 强制浏览器应用的浅色主题

我已经构建了这个应用程序https://cvirus.app并在浏览器上构建和部署。

在 android 手机上的 chrome 浏览器上,它呈现深色背景(因为默认情况下似乎应用了深色主题)。

无论什么设备什么浏览器,我都想在任何地方强制使用浅色主题。我怎么做?

在 theme/variables.scss 中评论深色部分不起作用

0 投票
0 回答
237 浏览

android - ionic - 如何实现通知,包括显示屏幕和在后台模式下响铃(如来电)

如何在 LINE、Messenger、WhatsApp 或任何语音通话应用中实现类似语音通话的通知?当有人打电话给你时,即使应用程序在后台模式下运行,它也会显示屏幕接受或拒绝。目前,我使用 FCM https://capacitor.ionicframework.com/docs/guides/push-notifications-firebase/实现通知 它可以工作,但我想要像来电这样的通知,然后用户接受它将打开一些与电容器 InAppBrowser 的链接。(通知应该有响铃约一分钟的声音并显示屏幕)因为正常通知,当用户离开手机时它不会起作用。

0 投票
3 回答
3480 浏览

angular - 使用反应形式的离子 5 和 Angular 9 出现错误“无名称的表单控件的值访问器”

我正在使用 ionic 5 和 Angular 9。我正在尝试创建一个反应式表单,但我收到错误“没有名称的表单控件的值访问器:‘姓氏’”。

这是我的代码:

编辑:我刚刚发现了问题。我的模块中缺少导入 IonicModule。

0 投票
0 回答
141 浏览

android - Android LinkedIn移动SDK错误?离子5

我正在使用 Ionic 5。我想将集成 LinkedIn 添加到我的应用程序中。我也在使用这个Cordova 插件。

错误是:当我要单击登录时,LinkedIn 启动画面会打开一秒钟。然后错误显示此错误。

我正在查看我的 LinkedIn 开发人员帐户,但没有添加捆绑 ID 的选项。

0 投票
3 回答
1441 浏览

electron - 离子 5 + 电子

我正在尝试启动一个 Electron 项目,但运行ionic capacitor run electron会导致空白屏幕显示 5 个控制台错误GET file:///c:/runtime.js net:ERR_FILE_NOT_FOUND

我很确定这与<base href="/">需要更改为有关,<base href="./">但我无法坚持更改。

如果我手动更改基本标签,/www/index.html则运行ionic capacitor run electron中的值<base>会自动更改回默认值。

使更改坚持下去以便我可以构建 Electron 应用程序的正确方法是什么?重现步骤:

第 7 步是<base>再次被覆盖的地方,因为我看到app:build终端中列出了运行......关于如何让它按预期工作的任何建议?我想有比手动更改代码更好的方法,因为这在生产应用程序中看起来很乏味

0 投票
1 回答
333 浏览

javascript - Ionic5 模态路由

我有一个可滑动的模式,上面有一个按钮。当用户点击时,我需要关闭模式并导航到另一个组件。我已经完成了路线和所有事情,但出现错误:

错误:未捕获(承诺):错误:无法匹配任何路由。URL 段:“子详细信息”

如果我从父组件导航,而不通过模式,它就可以工作。

我认为模态正在创建自己的路线。有办法解决吗?我觉得我需要“远离”模式来导航。

谢谢

modal.component.ts

模块

0 投票
1 回答
249 浏览

angular - Ionic angular prod 编译器错误属性“md”在类型上不存在

嗨,下面的代码

运行时出现以下错误:ionic build --prod。(没有 --prod 没有编译器错误)

有任何想法吗?文档说我可以做到..

这是我的离子信息。

离子:

离子 CLI:5.4.6 (C:\Users\ginil\AppData\Roaming\npm\node_modules\ionic) 离子框架:@ionic/angular 5.0.4
@angular-devkit/build-angular:0.803.24 @angular-devkit /schematics:8.3.20 @angular/cli:8.3.20
@ionic/angular-toolkit:2.2.0

科尔多瓦:

Cordova CLI:8.1.2 (cordova-lib@8.1.1) Cordova 平台:不可用 Cordova 插件:不可用

效用:

科尔多瓦分辨率:0.5.1 本机运行:0.2.7

系统:

NodeJS:v11.11.0 (C:\Program Files\nodejs\node.exe) npm:6.7.0 操作系统:Windows 10

0 投票
1 回答
280 浏览

angular - Ionic 5 / Angular 8 - 从任何到我的自定义类型的转换问题

在我的 Ionic 5 项目中,我遇到了以下问题:我认为我有一个铸造问题。在我看来,我只想在 selected-language 属性与语言本身不匹配时才显示语言标志图标。问题是,第一次启动应用程序时会显示所有三个图标!

我有以下看法:

在设置服务中,我使用以下函数从本地存储中获取语言字符串:

在我看来,我想设置选定的语言:

在我的页面组件中,我声明并初始化 selectedLanguage 如下:

ngOnInit 定义如下:

我已经通过在 lang 周围制作一个开关盒来修复它,如下所示:

但这不是一个好的解决方案!对此有什么好的解决方案?为什么我们会有这个问题?为什么开关盒能解决这个问题?

提前致谢!

0 投票
0 回答
24 浏览

reactjs - 更改 Ionic React 核心文件不起作用

我正在使用 Ionic React(版本 5.0.4),并更改了以下路径中的“reorder-group.js”文件,以便为<IonReorderGroup>标签添加一些功能:

MyProject\node_modules@ionic\core\dist\collection\components\reorder-group\reorder-group.js

但是,当我提供应用程序 ( npm run start) 或构建它 ( npm run build) 时,没有任何变化。

为什么会发生,我该如何解决?(也许它与缓存文件或类似的东西有关?)

提前致谢!

0 投票
1 回答
259 浏览

html - 无法在 ion-header 中调整徽标(图像)的大小

我无法使用 Ionic 5 在 ion-header 和 ion-toolbar 内调整徽标的大小,我不明白为什么...

我尝试过类似的东西:

和 :

我尝试调整标题和工具栏的大小,删除工具栏,但似乎没有什么对我有用...

我知道这通常很简单,但是每年更新一次,很难理解......

谢谢大家!