标签: ionic4

我使用Ionic Tabs Component生成了一个应用程序.

标签是交货,关于和联系.

然后我生成了一个页面细节.

我希望页面详细信息成为" 交付"选项卡的子项.

当我在详细信息页面上时,我正在浏览交付选项卡.

有人在Ionic Forum上提出了类似的问题

生成的目录结构:

- about
- contact
- deliveries
    deliveries.module.ts
- details
    details.module.ts
- tabs
    tabs.module.ts
    tabs.page.html
    tabs.router.module.ts
app.module.ts
app-routing.module.ts

这是生成的app-routing.module.ts

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

const routes: Routes = [
  { path: '', loadChildren: './tabs/tabs.module#TabsPageModule' },
];
@NgModule({
  imports: [
    RouterModule.forRoot(routes)
  ],
  exports: [RouterModule]
}) …

也许我缺少了一些东西，但是我以前访问过的离子缓存视图遇到了问题，阻止了Angular重新初始化组件。从某些缓存中提取组件，并将其呈现为以前存在的任何数据。

范例：

用户A登录到应用程序中，并在“主页”页面上开始显示与用户A相关的信息。用户A注销并导航到“登录”。

用户B从相同的应用程序登录并导航到“主页”页面。Ionic看到用户先前曾访问过Home（用户A），而不是实例化“ Home”，而是从缓存中提取视图，并显示用户A所捕获的所有内容。

我注意到ion-router-outlet在导航时添加了页面过渡，并且当导航进行“前进”时，该过渡向左交换，而在导航进行“后退”时向右滑动。该数据似乎是从存储缓存视图的同一历史源读取的。

TL; DR如何控制离子路由器历史记录（URL树），以防止视图缓存以防止角度重新初始化组件？

我正在尝试在ionic 4的app.component中获取当前页面实例。

在ionic 3中，我可以这样做

this.nav.getActive（）。instance

我有一个使用 Ionic 4 构建的应用程序。当我使用重新加载选项构建和安装应用程序时，它可以工作 ( ionic cordova run android --l --c)。但是当我ionic cordova build android在设备中进行部署和部署时，它不会加载任何内容并导致黑屏。在检查时，打印了以下错误。

polyfills.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
cordova.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
vendor.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
styles.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
main.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
runtime.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/assets/icon/favicon.png:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

研究并在 config.xml 文件中添加延迟，<preference name="loadUrlTimeoutValue" value="700000" />但没有奏效。也删除并添加了android，仍然没有运气。

如果我将设备连接到机器并使用重新加载命令将应用程序直接运行到设备，则会抛出错误与服务器的连接失败。

离子版本 - 4.10.3；Ionic-Android 版本 - android 6.3.0；科尔多瓦 - 7.1.0

我需要ionic4中的动态彩色按钮。这是我的代码，但不起作用

<ion-button [style.--background]="colorVarialble">Buttton</ion-button>

我正在寻找一种“离子启动”项目并将其保存在现有Angular CLI解决方案（已经包含一个Web应用程序和一个lib）的projects文件夹中的方法。

在Ionic v4中，当我运行以生产模式捆绑的应用程序时（离子cordova构建android --prod），控制台会说“找不到cordova.js脚本标记。插件加载可能会失败。应用程序的某些内容（如字体）将被卸载（我看到的是Roboto Font，而不是我的自定义字体）。否则，当我试图在没有生产模式的情况下编译**（离子Cordova构建android）**时，该应用程序运行时没有控制台错误。

我的离子信息：

ionic（Ionic CLI）：4.12.0 Ionic Framework：@ ionic / angular 4.2.0 @ angular-devkit / build-angular：0.13.8 @ angular-devkit / schematics：7.2.4 @ angular / cli：7.3.8 @离子/角度工具包：1.4.1

科尔多瓦：

cordova（Cordova CLI）：8.1.2（cordova-lib@8.1.1）Cordova平台：android 7.1.4 Cordova插件：cordova-plugin-ionic-keyboard 2.1.3，cordova-plugin-ionic-webview 3.1.2， （以及其他7个插件）

有人也面临这个问题吗？

干杯，

什么地方出了错？ org.gradle.api.internal.tasks.DefaultTaskContainer $ DuplicateTaskException：无法添加任务'processDebugGoogleServices'，因为具有该名称的任务已经存在。

I want to test firebase FCM plugin, but it seems to have a lot of errors, 
after solved many of them, here what I'm trying to do: ionic cordova build 
android, I have this error:

离子信息：

platform \ android \ cordova-plugin-fcm-with-依赖性更新：

buildscript {
    repositories {
        mavenCentral()
        jcenter()
        mavenLocal()
        google()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:2.3.+'
        classpath 'com.google.gms:google-services:3.1.+'
        classpath 'com.android.tools.build:gradle:3.0.1'
    }
}
repositories {
    mavenCentral()
    jcenter()
}
dependencies {
    compile 'com.google.firebase:firebase-core:10.+'
}
// apply plugin: 'com.google.gms.google-services'
// class …

我的应用程序ionic 4中有问题，当我运行时ionic cordova platform add android出现此错误：

[ERROR] cordova-res was not found on your PATH. Please install it globally:
npm i -g cordova-res

而且当我运行时，npm i -g cordova-res我无法安装它。如何解决这个问题呢？

我工作的一个项目，react使用typescript，我有一个坏的时间弄清楚为什么这个错误发生的事情，我基本上不能使用任何createContext的例子，我在互联网上找到，因为这一点。我具体是从这里获得的：https : //github.com/typescript-cheatsheets/react-typescript-cheatsheet我正在尝试使用“上下文”部分中显示的内容。

import * as React from "react";

export function createCtx<A>(defaultValue: A) {
type UpdateType = React.Dispatch<React.SetStateAction<typeof defaultValue>>;
const defaultUpdate: UpdateType = () => defaultValue;
const ctx = React.createContext({
    state: defaultValue,
    update: defaultUpdate
});
function Provider(props: React.PropsWithChildren<{}>) {
    const [state, update] = React.useState(defaultValue);
    return <ctx.Provider value={{ state, update }} {...props} />;
}
return [ctx, Provider] as [typeof ctx, typeof Provider];
}

问题是，每次它说有此错误时，都无法ctx在行中找到名称空间：

        return <ctx.Provider value={{ state, update }} {...props} …