标签: ionic2

我正在为Android设备构建Ionic应用程序.我的gradle版本是3.3.我是这个Android大楼的第一个计时器.我收到以下错误:

Build file 'E:\FarmApp\smartFarm\platforms\android\build.gradle' line: 33

    * What went wrong:
    A problem occurred evaluating root project 'android'.
    > Could not get unknown property 'classpath' for object of type
    org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.

我的build.gradle文件部分如下

 buildscript {
repositories {
    mavenCentral()
    jcenter()
}

// Switch the Android Gradle plugin version requirement depending on the
// installed version of Gradle. This dependency is documented at
// http://tools.android.com/tech-docs/new-build-system/version-compatibility
// and https://issues.apache.org/jira/browse/CB-8143
dependencies {
    classpath 'com.android.tools.build:gradle:2.2.3',
    classpath 'com.google.gms:google-services:3.1.0'
}
}

 // Allow plugins to declare Maven dependencies via build-extras.gradle. …

我正在尝试将自定义字体应用于Android应用程序.所以我修改了src/theme/variables.scss并添加了以下行:

  @font-face {
  font-family: AppFont;
  src: url("../assets/fonts/RobotoCondensed-Regular.ttf");
}

body, span, button, h1, h2, h3, h4, h5, h6, p, ion-item, ion-title {
  font-family: 'AppFont' !important;
}

$font-family-base: 'AppFont';
$font-family-ios-base: 'AppFont';
$font-family-md-base: 'AppFont';
$font-family-wp-base: 'AppFont';

当我运行时ng serve,字体正确应用,但是当我将其部署到设备时,字体就消失了.如何解决这个问题.

我的笔记本电脑上有Debian Stretch,新的Lineage OS 14.1(Android 7.1)安装在没有Google Play服务的新手机中.我可以在手机上运行我的离子1应用程序,我可以使用Chromium进行调试chrome://inspect,效果非常好,对我来说非常有用.

现在我第一次制作了Ionic 2应用程序.我可以在手机和浏览器上运行它.我也可以看到我的应用程序列出chrome://inspect但当我点击检查时,会打开空白窗口.几秒钟后,我收到404 Not Found The resource could not be found.消息.

现在,我的离子1和离子2应用程序都是开放的.我可以检查第一个,但得到第二个错误消息.

当我运行npm run ionic:build我能够成功构建.但是,当我运行npm run ionic:build --prod我收到以下错误消息.

Error: Type PatientDetailPage in /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.ts is 
            part of the declarations of 2 modules: AppModule in /home/shiva/Ionic/af2-lists/src/app/app.module.ts and 
            PatientDetailPageModule in /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.module.ts! 
            Please consider moving PatientDetailPage in 
            /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.ts to a higher module that imports 
            AppModule in /home/shiva/Ionic/af2-lists/src/app/app.module.ts and PatientDetailPageModule in 
            /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.module.ts. You can also create a new 
            NgModule that exports and includes PatientDetailPage in 
            /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.ts then import that NgModule in 
            AppModule in /home/shiva/Ionic/af2-lists/src/app/app.module.ts and PatientDetailPageModule in 
            /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.module.ts. 
Error: Type PatientDetailPage in /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.ts …

我需要401在我的Ionic 3应用上正确处理错误.当应用程序未使用几天并且该用户尝试访问该应用程序之后,会出现以下提到的错误.这个应用程序有一个后端Web API(Django),它使用jwt令牌来验证用户.

那么你能告诉我在Ionic 3app 上处理这种用例的正确工作流程吗？我无法找到很好的资源来在网上推荐这个.如果你有分享的东西,那就太好了.

我已经看到了它提到的这个URLsubscribe subjects.但我不知道如何使用Ionic app实现这样的功能.有什么线索吗？

authProvider.ts

import { Injectable, } from '@angular/core';
import { Http } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { Headers, RequestOptions, BaseRequestOptions } from '@angular/http';
import { Storage } from '@ionic/storage';



 createHeader(headers: Headers) {
        return new Promise((resolve, reject) => {
            this.storage.get('loggedInUser')
                .then((token: any) => {
                    if (token) headers.append('Authorization', 'token ' + token.token);
                    resolve(headers);
                }, err => {
                    resolve(headers); …

很多角度教程都建议使用异步管道来自动取消显示observable.

他们声称:
异步管道用于自动取消订阅观察者,否则您需要手动取消订阅

他们做了什么:
他们使用angular http来调用REST api作为async管道的一个例子.

但是,根据我的理解,角度HTTP自动取消订阅observable.因此,异步管道实际上并没有达到预期目的,因为即使没有异步管道,observable也会自动取消订阅.

在这个用例中,还有其他原因需要使用异步管道吗？

示例实施:

getUserList() {
    return this.http.get(apiUrl);
}

this.getUserList().subscribe(user => {
    this.userList = user;
});

<div *ngFor="let user of userlist | async">
    {{ user?.name }}
    {{ user?.email }}
</div>

我的问题非常简单,我想知道如果我导入未使用的组件或变量或其他任何东西会发生什么？

因为正如我在cmd中看到的那样,有一些红线或标记,但是没有明显的动作......所以我应该照顾这个案子还是我很好？

我正在使用v3.7.0,我想在构建应用程序时更改AndroidManifest.xml.目前我已经尝试更改my-project-path/config.xml文件添加以下行:

选项a.

<widget>
    <preference name="android-manifest/application/activity/@android:windowSoftInputMode" value="adjustPan" />
</widget>

选项b.

<widget>
     <preference name="android-windowSoftInputMode" value="adjustPan" />
</widget>

然后我做:

$ ionic cordova build android

我期待以下变化my-project-path/platform/android/AndroidManifest.xml:

<manifest>
    <application>
        <activity android:windowSoftInputMode="adjustPan">
        </activity>
    </application>
</manifest>

但是我得到了与没有添加首选项设置相同的结果:

<manifest>
    <application>
        <activity android:windowSoftInputMode="adjustResize">
        </activity>
    </application>
</manifest>

如何将所需效果应用于AndroidManifest.xml？

谢谢!

我使用ion-range同pin和steps.我得到范围引脚中的当前值,但我想在它旁边添加/附加一些文本.

到目前为止在离子API和docs中我没有找到修改范围引脚内容的方法,所以我想通过代码附加一个span,但到目前为止我知道要使用jQuery中的.append()函数.范围引脚的html是:

<div class="range-pin" role="presentation">1</div>

所以我想表现出来:

<div class="range-pin" role="presentation">1 item</div>

所以,我最近更新到angularfire2的最新和最好的,并已遇到一些问题.我按照angularfire2开发人员指南安装项目,但仍然收到以下错误:

[18:57:50]  ionic-app-script task: "build" [18:57:50]  Error: ./node_modules/firebase/firestore/platform_browser/webchannel_connection.js Module not found: Error: 
        Can't resolve '@firebase/webchannel-wrapper' in 
        '/Users/usr/Documents/project/node_modules/firebase/firestore/platform_browser' resolve 
        '@firebase/webchannel-wrapper' in 
        '/Users/usr/Documents/project/node_modules/firebase/firestore/platform_browser' Parsed request is 
        a module using description file: /Users/usr/Documents/project/node_modules/firebase/package.json 
        (relative path: ./firestore/platform_browser) Field 'browser' doesn't contain a valid alias configuration 
        after using description file: /Users/usr/Documents/project/node_modules/firebase/package.json 
        (relative path: ./firestore/platform_browser) resolve as module looking for modules in 
        /Users/usr/Documents/project/node_modules using description file: 
        /Users/usr/Documents/project/package.json (relative path: ./node_modules) Field 'browser' doesn't 
        contain a valid alias configuration after using description file: 
        /Users/usr/Documents/project/package.json (relative path: ./node_modules) …