无法构建Ionic 2项目

我将ionic 2项目迁移到最新版本（即3.0.0）。一切都很完美，直到我今天在项目中生成了一个新页面（DiscountOption）。它生成4个文件而不是3个（* .module.ts是新的）。无法构建Ionic 2项目

这里是我的代码：

量贩option.module.ts

import { NgModule } from '@angular/core'; 
import { IonicPageModule } from 'ionic-angular'; 
import { DiscountOption } from './discount-option'; 

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

app.module.ts

... 
import { DiscountOption } from '../pages/orders/biller/discount-option/discount-option'; 

@NgModule({ 
    declarations: [ 
    ... 
    DiscountOption 
    ], 
    imports: [ 
    BrowserModule, 
    HttpModule, 
    IonicModule.forRoot(MyApp), 
    IonicStorageModule.forRoot() 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    ... 
    DiscountOption 
    ], 
    providers: [ 
    ... 
    ] 
}) 
export class AppModule { }

（...代码缩短简洁）

当我试图建立应用程序使用ionic build android --prod

我得到这个错误，

[11:35:52] ionic-app-script task: "build" 
[11:35:52] Error: Type DiscountOption in E:/TFS 
      SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.ts is part of the 
      declarations of 2 modules: AppModule in E:/TFS SOURCE/HMS/HMS.App/eKot/src/app/app.module.ts and 
      DiscountOptionModule in E:/TFS 
      SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.module.ts! Please consider 
      moving DiscountOption in E:/TFS 
      SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.ts to a higher module that 
      imports AppModule in E:/TFS SOURCE/HMS/HMS.App/eKot/src/app/app.module.ts and DiscountOptionModule in E:/TFS 
      SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.module.ts. You can also 
      create a new NgModule that exports and includes DiscountOption in E:/TFS 
      SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.ts then import that NgModule 
      in AppModule in E:/TFS SOURCE/HMS/HMS.App/eKot/src/app/app.module.ts and DiscountOptionModule in E:/TFS 
      SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.module.ts. 
Error: Type DiscountOption in E:/TFS SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.ts is part of 
the declarations of 2 modules: AppModule in E:/TFS SOURCE/HMS/HMS.App/eKot/src/app/app.module.ts and DiscountOptionModule in E:/T 
FS SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.module.ts! Please consider moving DiscountOptio 
n in E:/TFS SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.ts to a higher module that imports App 
Module in E:/TFS SOURCE/HMS/HMS.App/eKot/src/app/app.module.ts and DiscountOptionModule in E:/TFS SOURCE/HMS/HMS.App/eKot/src/page 
s/orders/biller/discount-option/discount-option.module.ts. You can also create a new NgModule that exports and includes DiscountOp 
tion in E:/TFS SOURCE/HMS/HMS.App/eKot/src/pages/orders/biller/discount-option/discount-option.ts then import that NgModule in App 
Module in E:/TFS SOURCE/HMS/HMS.App/eKot/src/app/app.module.ts and DiscountOptionModule in E:/TFS SOURCE/HMS/HMS.App/eKot/src/page 
s/orders/biller/discount-option/discount-option.module.ts. 
at Error (native) 
    at syntaxError (E:\TFS SOURCE\HMS\HMS.App\eKot\node_modules\@angular\compiler\bundles\compiler.umd.js:1513:34) 
    at CompileMetadataResolver._addTypeToModule (E:\TFS SOURCE\HMS\HMS.App\eKot\node_modules\@angular\compiler\bundles\compiler.um 
d.js:14118:31) 
    at E:\TFS SOURCE\HMS\HMS.App\eKot\node_modules\@angular\compiler\bundles\compiler.umd.js:14007:27 
    at Array.forEach (native) 
    at CompileMetadataResolver.getNgModuleMetadata (E:\TFS SOURCE\HMS\HMS.App\eKot\node_modules\@angular\compiler\bundles\compiler 
.umd.js:13998:54) 
    at addNgModule (E:\TFS SOURCE\HMS\HMS.App\eKot\node_modules\@angular\compiler\bundles\compiler.umd.js:22526:58) 
    at E:\TFS SOURCE\HMS\HMS.App\eKot\node_modules\@angular\compiler\bundles\compiler.umd.js:22537:14 
    at Array.forEach (native) 
    at _createNgModules (E:\TFS SOURCE\HMS\HMS.App\eKot\node_modules\@angular\compiler\bundles\compiler.umd.js:22536:26)

我知道这个错误是由于在申报两次app.module模块和新生成的模块文件。我不知道如何使它工作。任何意见将是有益的。谢谢。

这里是我的离子信息

E：\ TFS SOURCE \ HMS \ HMS.App \ eKot>离子信息

系统信息：

Cordova CLI: 6.5.0 
Ionic Framework Version: 3.0.0 
Ionic CLI Version: 2.2.2 
Ionic App Lib Version: 2.2.1 
Ionic App Scripts Version: 1.3.0 
ios-deploy version: Not installed 
ios-sim version: Not installed 
OS: Windows 10 
Node Version: v6.10.0 
Xcode version: Not installed

来源

2017-04-07 Ranjith Varadan

检查google docs regarding ionic v3。

从app.module.ts删除对DiscountOption页面的任何引用。

@NgModule({ 
    declarations: [ 
    ... 
    ], 
    imports: [ 
    BrowserModule, 
    HttpModule, 
    IonicModule.forRoot(MyApp), 
    IonicStorageModule.forRoot() 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    ... 
    ], 
    providers: [ 
    ... 
    ] 
}) 
export class AppModule { }

您的网页会被引用，并在page.module.ts

如果要导入的页面其他地方将其删除..使用等效字符串类的name.Also添加@IonicPage()声明在DiscountOption

@IonicPage() 
@Component({ 
    templateUrl: 'discount-option.html' 
}) 
export class DiscountOption {}

参考：IonicPage

来源

2017-04-07 06:17:09

感谢您的回复，我删除了引用，并且构建了该项目。但是当我在设备上运行它时，页面不显示。当我在浏览器中使用它时，控制台显示错误'没有找到DiscountOption的组件工厂。你把它添加到@ NgModule.entryComponents？'。我需要在app.module.ts中引用它，这与答案直接矛盾！ –

你在app.component.ts中导入了页面吗？ –

可以肯定的是，它是app.component.ts还是app.module.ts？ –

如果你不ü唱Ionic 3懒惰加载功能，只需删除你的网页的yourPage.module.ts。它是一个可选之一。

来源

2017-04-07 06:17:18 Sampath

只是好奇你对懒惰加载功能有什么看法？ –

请参阅此文档：https：//docs.google.com/document/d/1vGokwMXPQItZmTHZQbTO4qwj_SQymFhRS_nJmiH0K3w/edit#heading=h.yw70uq35xyz8 @suraj – Sampath

我已阅读它..我在我的答案中引用它:) ..不确定关于将每个页面/组件转换为其自己的模块虽然.. –

无法构建Ionic 2项目

回答

相关问题