无法使用 ionic cordova 制作 .apk

Question

我是 ionic 框架的新手。我想要一个使用 ionic 3 框架的侧边菜单。我已经制作了那个应用程序。它在 ionic lab 中运行，但是当我为 android 构建 apk 时出现错误。

打字稿错误 在 /Users/arpan/Desktop/rad/src/pages/qr/qr.ts 中键入 QrPage 是 2 个模块声明的一部分： /Users/arpan/Desktop/rad/src/app/app.module.ts 中的 AppModule 和中的 QrPageModule /Users/arpan/Desktop/rad/src/pages/qr/qr.module.ts！请考虑将 QrPage 移入 /Users/arpan/Desktop/rad/src/pages/qr/qr.ts 到导入 AppModule 的更高模块 /Users/arpan/Desktop/rad/src/app/app.module.ts 和 QrPageModule 在 /Users/arpan/Desktop/rad/src/pages/qr/qr.module.ts。你也可以创建一个新的 NgModule 来导出和 在 /Users/arpan/Desktop/rad/src/pages/qr/qr.ts 中包含 QrPage 然后在 AppModule 中导入该 NgModule /Users/arpan/Desktop/rad/src/app/app.module.ts 和 QrPageModule 在 /Users/arpan/Desktop/rad/src/pages/qr/qr.module.ts.

这是错误

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { ListPage } from '../pages/list/list';
import { QrPage } from '../pages/qr/qr';
import { NgxQRCodeModule } from 'ngx-qrcode2';
import { BarcodeScanner } from '@ionic-native/barcode-scanner';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

@NgModule({
declarations: [
MyApp,
HomePage,
ListPage,
QrPage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
NgxQRCodeModule

],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
ListPage,
QrPage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
BarcodeScanner
]
})
export class AppModule {}

qr.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { QrPage } from './qr';

@NgModule({
declarations: [
QrPage,
],
imports: [
IonicPageModule.forChild(QrPage),
],
exports: [
QrPage,
]
})
export class QrPageModule {}

这是一个侧面菜单离子应用程序。我添加了一个页面，他们有一个二维码生成器。我使用 ngx-qrcode2。 请帮助我如何做到这一点？

Answer 1

这是由 ionic 的延迟加载功能引起的常见错误。 您需要在 App.Module IMPORTS 中导入 QrPageModule，并在声明和 entryComponents 中删除 QrPage。 试试看它是否有效！