Questions tagged «ionic-framework»

Ionic是用于使用HTML和Sass开发具有原生感觉的混合移动应用程序的前端框架。传统上,它运行在Cordova和Angular之上,但是从Ionic 4开始,它支持Angular,React,Vue.js和Web组件运行在Cordova或Capacitor之上。

7
没有Http StaticInjectorError提供程序
我试图从api中提取数据,并在ionic应用程序中填充它,但是当我进入应该填充数据的页面时,它崩溃了。以下是我的两个.ts文件: import { Component } from '@angular/core'; import { NavController, LoadingController } from 'ionic-angular'; import { RestService } from '../../providers/rest-service/rest-service'; @Component({ selector: 'page-all-patients', templateUrl: 'all-patients.html', providers: [RestService] }) export class AllPatientsPage { data: any; loading: any; constructor(public navCtrl: NavController, public restService: RestService, public loadingCtrl: LoadingController) { this.loading = this.loadingCtrl.create({ content: …


18
下载Gradle时离子生成Android错误
我对Ionic框架很陌生:) >npm install -g cordova >npm install -g ionic >ionic start test blank >cd test >ionic platform add android 当我使用' >ionic build android'时,开始下载gradle,但无法下载并出现错误。 是什么导致此错误,我该如何解决? 我下载了Gradle并将其安装在PC上,但它想再次下载。我可以离线将Gradle添加到项目中吗? C:\Users\LENOVO2014\test>ionic build android running cordova build android Running command: "C:\Program Files\nodejs\node.exe" C:\Users\LENOVO2014\myApp\ho oks\after_prepare\010_add_platform_class.js C:\Users\LENOVO2014\myApp add to body class: platform-android Running command: C:\Users\LENOVO2014\myApp\platforms\android\cordova\build.bat ANDROID_HOME=D:\program\Programing\Android\sdk JAVA_HOME=C:\Program Files\Java\jdk1.8.0_31 …

17
多个dex文件定义了Lorg / apache / cordova / BuildHelper
自昨天以来我有麻烦了。在实习期间,我遇到以下构建错误,但我不明白为什么: $ cordova build android [...] FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':transformClassesWithDexForDebug'. > com.android.build.api.transform.TransformException: com.android.ide.common.process.ProcessException: java.util.concurrent.ExecutionException: com.android.dex.DexException: Multiple dex files define Lorg/apache/cordova/BuildHelper; * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get …

3
为什么要给“抽象:真实”的网址指定网址?
今天,我一直在摆弄ui-router,以更好地了解Ionic的脚手架,而我注意到的一件事是,它们为“选项卡”的抽象状态提供了url。 我仅有两次使用抽象状态时,我使用一个空字符串作为url,并且注意到如果我不小心尝试导航到抽象状态(与子状态相对),则会收到错误消息: 无法转换为抽象状态“ [insertAbstractStateHere]” 编辑: “此外,在实验中,当我尝试为我的抽象状态(在Ionic之外)分配一个url并仍然渲染嵌套状态视图时,我得到了一个很大的鹅蛋。什么都没有出现。” 以上引用的陈述是错误的!我在Plunker再次尝试过,嵌套状态的确出现了。 angular.module('routingExperiments', ['ui.router']) .config(function($urlRouterProvider, $stateProvider) { $stateProvider .state('abstractExperiment', { abstract: true, url: '', //<--- seems as if any string can go here. templateUrl: 'abstractExperiment.html' }) .state('abstractExperiment.test1', { url: '/test1', templateUrl: 'abstractTest1.html' }); }); 显然我确实做错了。所以我的新问题是: 是否有任何理由为什么在使用抽象状态时会使用命名状态而不是空字符串,还是仅仅是一种样式选择?

6
带有Angular 9的Ionic 5-Angular JIT编译失败:'@ angular / compiler'未加载
离子5被公布在几个小时前(2020年2月12日),我用角9一起升级了我的小生产应用中的一个离子5: # To update to Ionic 5 npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save-exact --save # To update to Angular 9 ng update @angular/core @angular/cli 但是,当我这样做时ionic serve,我开始出现以下错误: Error: Angular JIT compilation failed: '@angular/compiler' not loaded! - JIT compilation is discouraged for production use-cases! Consider AOT mode instead. - Did you bootstrap using …

5
垂直滚动时不允许水平滚动(反之亦然)
我有一个列表,overflow-x并且overflow-y设置为auto。此外,我已经设置了动量滚动,因此使用可以在移动设备中很好地进行触摸滚动webkit-overflow-scrolling: true。 但是,问题在于,我无法弄清楚在垂直滚动时如何禁用水平滚动。这会导致非常糟糕的用户体验,因为向左上方或右上方滑动会导致表格沿对角线滚动。当用户垂直滚动时,我绝对不希望任何水平滚动,直到用户停止垂直滚动为止。 我尝试了以下方法: JS: offsetX: number; offsetY: number; isScrollingHorizontally = false; isScrollingVertically = false; //Detect the scrolling events ngOnInit() { this.scrollListener = this.renderer.listen( this.taskRows.nativeElement, 'scroll', evt => { this.didScroll(); } ); fromEvent(this.taskRows.nativeElement, 'scroll') .pipe( debounceTime(100), takeUntil(this.destroy$) ) .subscribe(() => { this.endScroll(); }); } didScroll() { if ((this.taskRows.nativeElement.scrollLeft != this.offsetX) …

1
升级到Ionic 5后,TypeScript编译中缺少src / zone-flags.ts
我通过以下两个命令升级了Ionic 4应用程序: # Upgrading to Ionic 5 npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save # Upgrading to Angular 9 ng update @angular/core @angular/cli 当我这样做时ionic serve,我开始出现此错误: > ng run app:serve --host=localhost --port=8100 [ng] chunk {} 0.js, 0.js.map () 22.1 kB [rendered] [ng] chunk {common} common.js, common.js.map (common) 25.7 kB [rendered] [ng] [ng] ERROR …

1
Ionic iOS 13.2 Bug,应用程序崩溃-kill()返回了意外错误
我认为Ionic在iOS中有一个巨大的错误。我收到以下错误消息: 2019-11-06 12:09:31.560205+0100 MyApp[6687:1400464] [Process] kill() returned unexpected error 1 2019-11-06 12:09:31.560562+0100 MyApp[6687:1400464] [Process] kill() returned unexpected error 1 2019-11-06 12:09:31.660322+0100 MyApp[6687:1400464] [Process] kill() returned unexpected error 1 2019-11-06 12:09:31.660699+0100 MyApp[6687:1400464] [Process] kill() returned unexpected error 1 2019-11-06 12:09:31.765716+0100 MyApp[6687:1400464] [Process] kill() returned unexpected error 1 2019-11-06 12:09:31.767176+0100 MyApp[6687:1400464] [Process] …

2
如何修复Ionic 5中来自@ ionic / angular错误的成员事件
我已经从Ionic 4升级到Ionic 5,现在出现以下错误: src / app / app.component.ts(4,10)中的错误:错误TS2305:模块'“ / node_modules / @ ionic / angular / ionic-angular”'没有导出的成员'Events'。 以下导入行导致了此问题: import { Events, Platform } from '@ionic/angular'; 如何修复@ionic/angularIonic 5中的错误导致的成员事件?
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.