问题标签 [ionic6]

我正在使用 highchart-angular 库在 ionic 6 应用程序中实现 highcharts，当我加载组件时，图表不适应页面的大小

我正在使用空白离子模板并使用 highchart-angular 的默认示例

这是我的代码 https://stackblitz.com/edit/angular-ivy-asdse6?file=src%2Fapp%2Fhome%2Fhome.page.scss

我的html是这个

组件打字稿是这个

嗨，我在我的项目中使用 ionic 5，最近迁移到 ionic 6，一切看起来都很棒，但我担心的一件事是日期时间选择器，我希望以这种方式使用旧样式，请帮助！

I'm learning Ionic with VueJS and I have a simple page testing stuff out. Using ionic serve shows what I'm aiming for, but when I deploy to my android device, a lot is different.

I've used Ionic 3 in the past and running on a device was so simple. Now with the use of capacitor and having to go through Android Studio makes this so much more complicated. It's my first time ever using Android Studio.

I attached a picture to show the differences between the ionic server and the Android Simulator.

differences shown here

复制/ios/DerivedData/5B2802FE-35AB-453C-8F09-C0CF1179D51A/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/CapacitorCordova.build/Objects-normal/arm64/CDVPlugin+Resources.o /Users/halfmad/下载/Ionic\ Projects/tcrptusacom-invoicing\ copy/node_modules/@capacitor/ios/CapacitorCordova/CapacitorCordova/Classes/Public/CDVPlugin+Resources.m normal arm64 objective-c com.apple.compilers.llvm.clang.1_0.compiler （在项目“Pods”的目标“CapacitorCordova”中）

对于上述错误，我遇到了几种解决方案，但没有一个与 Ionic 相关，这让我很难解决。

当我ng-recaptcha在 Ionic 6 项目中使用 Angular 组件时出现错误。立即导入组件，错误被抛出。webpack已经尝试了几种相关的解决方案，包括编辑webpack.config.js文件，将文件移动到项目的根目录，但都没有解决我的问题。

我正在使用 Ionic 6 和 Angular 10

按下按钮时，我想设置按钮的填充颜色。在这种情况下，我将 tabSelected 设置为某个值，然后基于该值使填充“实心”与否。

我想从 Html 外部管理所有颜色，从而通过 CSS 设置它。

这会将按钮的背景设置为蓝色，但在这种情况下，我只想让活动按钮具有这种状态。我考虑过用 ngclass 添加一个类，而不是填充，在这种情况下是这样吗？

发生：

首选：（这是在 HTML 上将颜色设置为属性 color='pmblue'）CSS 中 ion-button 上的颜色指向文本颜色。

我想在这个应用程序中用 Ionic 构建一个 Web 应用程序，在 textaera 中有一个表单

作为 iPhone 上的记事本，我希望 textaera 与所用设备的大小相同

非常感谢

更新到 Ionic 6.0.5 / Angular 13.2.2 后，我遇到了一个找不到解决方案的问题。在带有 的开发环境中ionic serve，会定期启动重新编译，而没有任何更改。

在浏览器控制台中它说：

最初，每隔几分钟重新编译一次。但是，开发服务器运行的时间越长，似乎重新编译调用就越频繁。

有没有人有同样的问题？关于我还能尝试什么的任何提示？

已经尝试过：

• node_modules 已删除
• 删除 package-lock.json
• 再次运行 npm install

ionic serve --verbose重新编译时的输出：

-> 所以这个过程似乎是在 Webpack ProgressPlugin|counts 的某个地方触发的。还有这张票： https ://github.com/webpack/webpack/issues/14946 这又在 Angular Cli 票中链接，但现在应该解决了： https ://github.com/角度/角度-cli/issues/22323

我不明白我的开发环境出了什么问题。没有其他人有这个问题吗？

感谢您的帮助和建议！

我有一个用例，我想在 Ionic Framework v6 React iOS / Android 应用程序中利用 Shopify 支持的商店中的一些现有页面（在 Web 上，我们将简单地重定向到适当的子域）。不幸的是，Shopify 将其 iFrame 选项设置为拒绝，因此无法选择使用 iFrame。

Shopify 商店应在我的应用中显示的位置的图片

我查看了inAppBrowser的各种风格，虽然这允许我显示页面，但它是一种非常不和谐的非本地应用程序体验。我真正想要的是一个适用于 Native 的 Ionic React 组件，它允许我将一个 webview 置于我的控制之下，并限制在页面的某个视口中。

Ionic Portals 针对具有完全原生代码库的原生开发人员，但实际上在主页上显示了这个用例：

本机标签栏应用程序中的 Ionic Portal webview 的图像

我知道门户网站很新，我还没有看到任何关于此的文档，但是否可以在 Ionic React 应用程序中使用它们来完成我想要的行为（或者在 inAppBrowser 或我错过的其他插件中的某些东西？）

我已经尝试使用 bambuser.com 服务进行直播Bambuser

以前在我的 ionic 应用程序中，我使用了 bamuser，它工作正常，但现在在 ionic 6 中它什么也不显示，起初当我开始流式传输时，它什么也不显示，在停止流式传输后，在我启动的第二个回合，它显示“以下问题