问题标签 [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.
ionic-framework - ionic 5 强制浏览器应用的浅色主题
我已经构建了这个应用程序https://cvirus.app并在浏览器上构建和部署。
在 android 手机上的 chrome 浏览器上,它呈现深色背景(因为默认情况下似乎应用了深色主题)。
无论什么设备什么浏览器,我都想在任何地方强制使用浅色主题。我怎么做?
在 theme/variables.scss 中评论深色部分不起作用
android - ionic - 如何实现通知,包括显示屏幕和在后台模式下响铃(如来电)
如何在 LINE、Messenger、WhatsApp 或任何语音通话应用中实现类似语音通话的通知?当有人打电话给你时,即使应用程序在后台模式下运行,它也会显示屏幕接受或拒绝。目前,我使用 FCM https://capacitor.ionicframework.com/docs/guides/push-notifications-firebase/实现通知 它可以工作,但我想要像来电这样的通知,然后用户接受它将打开一些与电容器 InAppBrowser 的链接。(通知应该有响铃约一分钟的声音并显示屏幕)因为正常通知,当用户离开手机时它不会起作用。
angular - 使用反应形式的离子 5 和 Angular 9 出现错误“无名称的表单控件的值访问器”
我正在使用 ionic 5 和 Angular 9。我正在尝试创建一个反应式表单,但我收到错误“没有名称的表单控件的值访问器:‘姓氏’”。
这是我的代码:
编辑:我刚刚发现了问题。我的模块中缺少导入 IonicModule。
android - Android LinkedIn移动SDK错误?离子5
我正在使用 Ionic 5。我想将集成 LinkedIn 添加到我的应用程序中。我也在使用这个Cordova 插件。
错误是:当我要单击登录时,LinkedIn 启动画面会打开一秒钟。然后错误显示此错误。
我正在查看我的 LinkedIn 开发人员帐户,但没有添加捆绑 ID 的选项。
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
终端中列出了运行......关于如何让它按预期工作的任何建议?我想有比手动更改代码更好的方法,因为这在生产应用程序中看起来很乏味
javascript - Ionic5 模态路由
我有一个可滑动的模式,上面有一个按钮。当用户点击时,我需要关闭模式并导航到另一个组件。我已经完成了路线和所有事情,但出现错误:
错误:未捕获(承诺):错误:无法匹配任何路由。URL 段:“子详细信息”
如果我从父组件导航,而不通过模式,它就可以工作。
我认为模态正在创建自己的路线。有办法解决吗?我觉得我需要“远离”模式来导航。
谢谢
modal.component.ts
模块
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
angular - Ionic 5 / Angular 8 - 从任何到我的自定义类型的转换问题
在我的 Ionic 5 项目中,我遇到了以下问题:我认为我有一个铸造问题。在我看来,我只想在 selected-language 属性与语言本身不匹配时才显示语言标志图标。问题是,第一次启动应用程序时会显示所有三个图标!
我有以下看法:
在设置服务中,我使用以下函数从本地存储中获取语言字符串:
在我看来,我想设置选定的语言:
在我的页面组件中,我声明并初始化 selectedLanguage 如下:
ngOnInit 定义如下:
我已经通过在 lang 周围制作一个开关盒来修复它,如下所示:
但这不是一个好的解决方案!对此有什么好的解决方案?为什么我们会有这个问题?为什么开关盒能解决这个问题?
提前致谢!
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
) 时,没有任何变化。
为什么会发生,我该如何解决?(也许它与缓存文件或类似的东西有关?)
提前致谢!
html - 无法在 ion-header 中调整徽标(图像)的大小
我无法使用 Ionic 5 在 ion-header 和 ion-toolbar 内调整徽标的大小,我不明白为什么...
我尝试过类似的东西:
和 :
我尝试调整标题和工具栏的大小,删除工具栏,但似乎没有什么对我有用...
我知道这通常很简单,但是每年更新一次,很难理解......
谢谢大家!