标签: ionic6

我正在尝试使用 HttpClient 读取 Ionic Angular 中的 JSON，但收到此错误“nullinjectorerror：没有 httpclient 的提供程序！”。

问题是最新版本的 Angular 不会生成 app.module.ts。

我的代码：

import { Component, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';

import { HttpClient } from '@angular/common/http';
import { map } from 'rxjs';

@Component({
  selector: 'app-ficha-evento',
  templateUrl: './ficha-evento.page.html',
  styleUrls: ['./ficha-evento.page.scss'],
  standalone: true,
  imports: [IonicModule, CommonModule, FormsModule]
})
export class FichaEventoPage implements OnInit {

  event:any=[];

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.getEvnt().subscribe(res=>{ …

我目前正在使用最新版本的 Ionic（ Ionic 6 ）。在Ionic中完成程序后，我注意到一个问题。应用程序图标和启动屏幕是电容器默认值。如何在 Ionic 6 中更改它们。根据 Capacitor Docs，我应该使用 Cordova-res ，但我在其他地方读到应该使用 Capacitor/splash-screen 包。哪一个更好 ？另外，在它们两个中，我都需要“资源”文件夹，默认情况下该文件夹不在我的 Ionic 项目根目录中。我必须自己创建它并将图像放入其中吗？谢谢

我有一个离子模态控制器，单击按钮即可显示。对我来说，如果模态组件中的离子项具有对象数组的详细信息，则模态不会滚动。我看不到最初未显示在屏幕上的列表的其余部分。

模态控制器

    console.log('Called');

    this.modalController
      .create({
        component: CagesComponent,
        breakpoints: [0.75],
        initialBreakpoint: 0.75,
        showBackdrop: true,
        backdropDismiss: true,
      })
      .then((modalEl) => {
        modalEl.present();
        return modalEl.onDidDismiss();
      })
      .then((resultData) => {
        console.log(resultData.data, resultData.role);
        if (resultData.role === 'confirm') {
          this.form.get('cageNo').setValue(resultData.data);
        }
      });
  }

笼子.component.html

<ion-list>
  <ion-item button (click)="onCageSelect(cage)" *ngFor="let cage of cages">
    <ion-thumbnail slot="start" >
      <img [src]="cage.cageImg">
    </ion-thumbnail>
    <div class="item-desc">
      <h4>{{cage.name}}({{cage.type}})</h4>
      <h6>{{cage.description}}</h6>
    </div>
  </ion-item>
</ion-list>
</div>

笼子组件.ts

import { IonicModule, ModalController } from '@ionic/angular';
import { Cage } from 'src/app/cage/cage.model';
import { CageService } from 'src/app/cage/cage.service'; …

请帮助解决这个问题。在命令“ionic Capacitor build android”之后，我能够在 android studio 中构建应用程序。\nAndroid 工作正常，直到我添加了插件 cordova-plugin-advanced-http，错误说明如下：

D:\\temp\\myApp4\\android\\capacitor-cordova-android-plugins\\src\\main\\java\\org\\apache\\cordova\\file\\FileUtils.java:39：错误: 找不到符号\nimport org.apache.cordova.CordovaPluginPathHandler;\n^\n符号：类 CordovaPluginPathHandler\n位置：包 org.apache.cordova

[capacitor] [info] Found 5 Cordova plugins for android:\n[capacitor]        cordova-plugin-advanced-http@3.3.1\n[capacitor]        cordova-plugin-file@7.0.0\n[capacitor]        cordova-plugin-geolocation@4.1.0\n[capacitor]        cordova-plugin-nativestorage@2.3.2\n[capacitor]        cordova-plugin-request-location-accuracy@2.3.0\n[capacitor] \xe2\x88\x9a copy android in 4.44s\n[capacitor] \xe2\x88\x9a Updating Android plugins in 25.69ms\n[capacitor] [info] Found 4 Capacitor plugins for android:\n[capacitor]        @capacitor/app@1.1.1\n[capacitor]        @capacitor/haptics@1.1.4\n[capacitor]        @capacitor/keyboard@1.2.2\n[capacitor]        @capacitor/status-bar@1.0.8\n[capacitor] [info] Found 5 Cordova plugins for android:\n[capacitor]        cordova-plugin-advanced-http@3.3.1\n[capacitor]        cordova-plugin-file@7.0.0\n[capacitor]        cordova-plugin-geolocation@4.1.0\n[capacitor]        cordova-plugin-nativestorage@2.3.2\n[capacitor]        cordova-plugin-request-location-accuracy@2.3.0```\n

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

tsconfig.json 文件中的路径定义。

"baseUrl": ".",
  "paths": {
    "@assets*": ["src/assets*"],
    "@components*": ["src/components*"],
    "@pages*": ["src/pages*"],
    "@theme*": ["src/theme*"],
    "@methods*": ["src/methods*"],
    "@interfaces*": ["src/interfaces*"],
    "@mock_data*": ["src/mock_data*"]
},

错误：Can't resolve '@components/MainTabs/MainTabs'

我认为 ionic 6 使用vite，所以我不知道在哪里添加config

我正在使用 Cordova 插件在电容器离子项目中使用 fileOpener。在此之前，当我安装以下软件包时，一切正常：

npm install @ionic-native/file
npm install cordova-plugin-file
npm install @ionic-native/file-opener
npm install cordova-plugin-file-opener2

这是我面临的错误：

  > Configure project :
The RepositoryHandler.jcenter() method has been deprecated. This is scheduled to be removed in Gradle 8.0. JFrog announced JCenter's sunset in 
February 2021. Use mavenCentral() instead. Consult the upgrading guide for further information: https://docs.gradle.org/7.4/userguide/upgrading_version_6.html#jcenter_deprecation
        at build_dcpio6s66acap9ob7gfqiirhb$_run_closure1$_closure2.doCall(C:\Project\Ionic\mock-service\android\build.gradle:7)
        (Run with --stacktrace to get the full stack trace of this deprecation warning.)
WARNING:: Using flatDirs should be avoided because it doesn't support any …

我们将应用程序从 v5 升级到 v6，我们有一个页面显示可扩展项目，我们认为我们会利用新引入的，ion-accordion问题是页面加载时所有项目都折叠起来，我希望第一个项目展开，而所有其他项目均已关闭。我可以设置任何属性ion-accordion来实现此目的吗？

我们决定将 ionic 应用程序升级到 Angular v13.2.3 和 @ionic/Angular v6.0.8。升级后，该应用程序在浏览器和 Android 上运行没有任何问题。当我们在 ios 上测试它时，应用程序正在启动，但没有显示任何内容，我们收到此错误：

我怎么解决这个问题？

我在一个项目中使用 Ionic 6 和电容器。

在 config.xml 文件中我有：

    <widget xmlns="w3.org/ns/widgets"; xmlns:cdv="cordova.apache.org/ns/1.0">

当我尝试将其更改为：

    <widget version="0.0.1" xmlns="w3.org/ns/widgets"; xmlns:cdv="cordova.apache.org/ns/1.0">

然后执行 ionic build android 版本消失，AndroidManifest.xml 文件中没有任何更改。

当我将 apk 或其他文件导入 google play 进行测试时，它告诉我该版本已经存在。

那么如何更改应用程序版本呢？

我有一个在 Ionic 5 Angular 上编写的 Ionic 项目，其中有一些使用 SweetAlerts2 的弹出窗口。

今天我决定将 Ionic 更新为 Ionic6，但 SweetAlerts2 弹出窗口看起来不正确。就像警报仅在标题上可见，其他所有内容都是空白的。

问题截图：

Ionic6 可视化问题

代码：

swal.fire({
  html:
    '<br><label style="font-size:80%">Example Alert</label>',
  showDenyButton: true,
  confirmButtonText: "Confirm",
  denyButtonText: "Deny",
  denyButtonColor: 'grey',
  confirmButtonColor: 'var(--ion-color-primary)',
})

重现问题的存储库

我在 ionic v6/v5 中创建带有多行文本的 ionic 按钮时遇到问题，问题是整个文本出现在一行中，并且部分文本未显示。就像stackblitz中的例子一样

 <ion-button expand="block" size="large">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.</ion-button>

我正在尝试将应用内浏览器插件与 Ionic 和电容器一起使用。按照文档安装并使用插件后，我收到以下错误：

[webpack-dev-server] ERROR
node_modules/@awesome-cordova-plugins/in-app-browser/ngx/index.d.ts:1:44 - error TS2307: Cannot find module '@awesome-cordova-plugins/core' or its corresponding type declarations.

1 import { AwesomeCordovaNativePlugin } from '@awesome-cordova-plugins/core';

请注意，我已经通过以下方式安装了该插件：

npm install @awesome-cordova-plugins/core --save

我正在使用Ionic 6.19and@capacitor/core 4.6.3angular 15.1.4