标签: ionic4

当我编译我的 ionic 4 应用程序时，我收到此错误：ERROR in Could not resolve module ./services/services.module relative to app/app-routing.module.ts并且模拟未启动。但是，如果我更改代码中的某些内容并再次编译，代码将成功编译。我查了一下，它可能与路径（绝对/相对）有关。但在这些问题中，解决方案是使用相对路径https://github.com/angular/angular-cli/issues/8641或在这个问题Angular 4 - 无法解析子模块进行路由。由于我已经在使用相对路径，我不知道该怎么做。我在这个应用程序中的文件夹结构是 => src/app/pages 或 services。编辑：当我删除带有所有连接的整个服务文件夹时，问题仍然存在。

路由器模块.ts

 import { NgModule } from '@angular/core';
    import { RouterModule, Routes } from '@angular/router';

    import { TabsPage } from './tabs.page';

    const routes: Routes = [
      {
        path: 'tabs',
        component: TabsPage,
        children: [
          {
            path: 'one',
            children: [
              {
                path: '',
                loadChildren: '../one/one.module#OnePageModule'
              }
            ]
          },
          {
            path: 'two',
            children: [
              {
                path: '',
                loadChildren: …

我已经为我的 IONIC 5.0.0 应用程序实现了侧边菜单。在较小的设备侧菜单中缩小为汉堡图标（工作正常）。我也希望在大屏幕上有相同的行为，但不幸的是，菜单在我的 iPad（第 6 代）的横向模式中完全可见。有谁知道如何始终隐藏汉堡图标中的菜单（适用于所有设备）。

img 标签在 img 不可用时抛出错误 404 而不是抛出错误我想要一个带有用户名第一个字符的 avtar 图像应该出现。假设用户名 Ravi 比 R 应该来而不是错误

我已经尝试过使用布尔标志，但它对我获取第一个字符不起作用，我在 alt 属性 list.name.charAt(0) 中尝试过，但仍然出现 img 错误

         <ion-item lines="none">
            <ion-thumbnail slot="start" rounded >
              <ion-img [src]="'assets/icon/' +list?.type+ '.png'" >                
             </ion-img>
            </ion-thumbnail>
            <ion-text slot="end"></ion-text>
            <ion-button  (click)="doAdd(list.type ,'')" slot="end">
                Add link
              </ion-button>
          </ion-item>

输出应该当 img 不可用时，用户名的第一个字符应该出现而不是错误

我想手动移到下一张幻灯片，但出现错误。我试过这样：

<ion-slides #sliderRef pager="true" (ionSlideWillChange)="onSlideChangeStart($event)">
<ion-button (click)="slideNext()">Next</ion-button>

并在 ts 文件中：

import { Component, OnInit,  ViewChildren, ElementRef } from '@angular/core';
import { IonSlides } from '@ionic/angular';

export class AppointmentPage implements OnInit {
    @ViewChild('sliderRef', { static: true }) protected slides: ElementRef<IonSlides>;

constructor(){}

    async slideNext(): Promise<void> {
         await this.slides.nativeElement.slideNext();
    }
...
}

通过调用 slideNext() 我有这个错误：

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'slideNext' of undefined

检查 Java JDK 和 Android SDK 版本 ANDROID_SDK_ROOT=C:\Users\Rpwebapps\AppData\Local\Android\sdk（推荐设置） ANDROID_HOME=C:\Users\Rpwebapps\AppData\Local\Android\Sdk（已弃用）无法读取属性' length' of undefined [ERROR] 运行子进程cordova 时出错。

    cordova.cmd build android exited with exit code 1.

离子：

离子 CLI：5.2.7 (C:\Users\Rpwebapps\AppData\Roaming\npm\node_modules\ionic) 离子框架：@ionic/angular 4.8.1 @angular-devkit/build-angular：0.801.3 @angular-devkit /原理图：8.1.3 @angular/cli：8.1.3 @ionic/angular-toolkit：2.0.0

科尔多瓦：

Cordova CLI：9.0.0 (cordova-lib@9.0.1) Cordova 平台：android 8.0.0 Cordova 插件：cordova-plugin-ionic-keyboard 2.1.3，cordova-plugin-ionic-webview 4.1.1，（和 4其他插件）

公用事业：

cordova-res：0.6.0 本机运行：未安装

系统：

NodeJS：v10.15.3 (C:\Program Files\nodejs\node.exe) npm：6.4.1 操作系统：Windows 10

我失踪的地方，环境变量也创建了（路径）任何人都可以帮助我

JAVA_HOME JDK-location ANDROID_SDK_ROOT GRADLE_USER_HOME platform-tools tools (Android\Sdk\tools) 添加变量

离子科尔多瓦构建android

更新到 iOS 13 后，我开始遇到一个非常奇怪的黑屏问题：应用程序的代码库中没有任何更改；当应用程序加载时，我可以使用 Safari 开发检查器检查它，在我的网络检查器和 XCode 控制台应用程序中似乎一切正常，在 Android 和浏览器上运行良好

任何帮助将不胜感激

导航到新 url 时，页面转换不起作用。

我已经尝试了所有导航 ionic angular 的可能性routerLink href router.navigateByUrl()。我也尝试过 NativePageTransition 插件。

app.component.html：

<ion-app>
  <ion-content>
      <ion-router-outlet></ion-router-outlet>
      <ion-tabs>
        <ion-tab-bar slot="bottom">
          <ion-tab-button
            *ngFor="let tab of tabs"
            [attr.tab]="tab.action ? null : tab.path"
            (click)="tab.action ? handleTabClick(tab) : null">
            <ion-label>{{ tab.name }}</ion-label>
            <ion-icon [name]="tab.icon"></ion-icon>
          </ion-tab-button>
        </ion-tab-bar>
      </ion-tabs>
  </ion-content>
</ion-app>

app-routing.module.ts:

import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: '', redirectTo: 'explore', pathMatch: 'full' },
  { path: 'explore', loadChildren: './explore/explore.module#ExplorePageModule' },
  { …

我有以下代码：

import {Component} from '@angular/core';
import {DocumentScanner, DocumentScannerOptions, DocumentScannerSourceType} from '@ionic-native/document-scanner';

@Component({
    selector: 'app-tab2',
    templateUrl: 'tab2.page.html',
    styleUrls: ['tab2.page.scss']
})
export class Tab2Page {

    constructor(private documentScanner: DocumentScanner) {
    }

    scan() {
        const opts: DocumentScannerOptions = {
            sourceType: DocumentScannerSourceType.CAMERA,
            fileName: 'ticketScan.png',
            quality: 100,
            returnBase64: true
        };
        this.documentScanner.scanDoc(opts)
            .then((res: string) => console.log(res))
            .catch((error: any) => console.error(error));
    }
}

当我运行它时，我收到以下错误：

11:42 'DocumentScanner' refers to a value, but is being used as a type here.

谁能告诉我为什么会这样？

我正在使用 ionic 4 为 android 和 ios 平台实现日期选择器。但我在 module.ts 类中收到此错误。使用的cmds -

离子cordova插件添加cordova-plugin-datepicker

npm install --save @ionic-native/date-picker

这是我的 package.json 文件

     {
  "name": "sample",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "https://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "~8.1.2",
    "@angular/core": "~8.1.2",
    "@angular/forms": "~8.1.2",
    "@angular/platform-browser": "~8.1.2",
    "@angular/platform-browser-dynamic": "~8.1.2",
    "@angular/router": "~8.1.2",
    "@ionic-native/calendar": "^5.0.0-beta.14",
    "@ionic-native/core": "^5.17.1",
    "@ionic-native/date-picker": "^4.20.0",
    "@ionic-native/keyboard": "^5.17.1",
    "@ionic-native/native-storage": "^5.17.1",
    "@ionic-native/secure-storage": "^5.17.1",
    "@ionic-native/splash-screen": "^5.17.1", …

我正在尝试在 Ionic 4 中使用<ion-searchbar>. 我的问题是搜索栏的高度，我无法操作它。我知道 Ionic 4 是基于 Web 组件的，它将每个组件都包装在一个 shadow DOM 中，但<ion-searchbar>似乎没有 shadow DOM，如下所示：

与其他组件不同，影子 DOM 在节点中可见，如下所示：

这让我觉得我可以在里面覆盖divwith 类searchbar-input-container，<ion-searchbar>但我不能，甚至 Ionic 官方文档也没有涵盖可以实现这一点的任何属性或变量。请帮忙。