代码之家  ›  专栏  ›  技术社区  ›  user2828442

Npm运行爱奥尼亚:构建--生产错误

ionic3 ionic2 ionic-framework
  •  0
  • user2828442  · 技术社区  · 7 年前

    当我试着跑的时候 npm run ionic:build --prod ,它给了我以下错误:

    错误:无法确定中类OverlyPortal的模块 F: /D/IONIC/quicktask/quicktask web froala/node\u模块/IONIC angular/umd/components/app/overlay门户。d、 ts! 将OverlyPortal添加到NgModule以修复它。无法确定中IonicApp类的模块 F: /D/IONIC/quicktask/quicktask-web-froala/node\u-modules/IONIC-angular/umd/components/app/app-root。d、 ts!添加 IonicApp连接到NgModule以修复它。无法确定中ClickBlock类的模块 F: /D/IONIC/quicktask/quicktask-web-froala/node\u-modules/IONIC-angular/umd/components/app/click-block。d、 ts! 将ClickBlock添加到NgModule以修复它。无法确定类幻灯片的模块 F: /D/IONIC/quicktask/quicktask web froala/node\u模块/IONIC angular/umd/components/slides/slides。d、 ts!添加 滑动到NgModule以修复它。

    如何使用 --prod . 我已经做了 npm install 同样,更新了应用程序/脚本,不知道还需要什么。

    在我的应用程序下方查找。单元ts

    app.module.ts 

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

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { ListPage } from '../pages/list/list';
import { LoginPage } from '../pages/login/login';
import { NewtaskPage } from '../pages/newtask/newtask';
//import { DashboardPage } from '../pages/dashboard/dashboard';
import { TaskgivenPage } from '../pages/taskgiven/taskgiven';
import { MytaskPage } from '../pages/mytask/mytask';

import { CommunicationPage } from '../pages/communication/communication';


import { CommunicationgivenPage } from '../pages/communicationgiven/communicationgiven';
import { CommunicationreportPage } from '../pages/communicationreport/communicationreport';
import { GivencommunicationclosedPage } from '../pages/givencommunicationclosed/givencommunicationclosed';

import { TestPage } from '../pages/test/test';
import { LogoutPage } from '../pages/logout/logout';
import { MyclosedtaskPage } from '../pages/myclosedtask/myclosedtask';
import { GivenclosedtaskPage } from '../pages/givenclosedtask/givenclosedtask';
import { ReporttoPage } from '../pages/reportto/reportto';
import { SlidePage } from '../pages/slide/slide';


import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
//import { Firebase } from '@ionic-native/firebase';
import { SpeechRecognition } from '@ionic-native/speech-recognition';


import { Headers, Http, HttpModule ,Response } from '@angular/http';
import { IonicStorageModule } from '@ionic/storage';

import { TimeAgoPipe } from 'time-ago-pipe';

import {Commopen} from '../pages/givencommunicationclosed/commopen';
import { Userimage } from '../pages/dashboard2/userimage';

import { MycommclosedPage } from '../pages/mycommclosed/mycommclosed';
import { Dashboard2Page } from '../pages/dashboard2/dashboard2';
import { MytaskuserwisePage } from '../pages/mytaskuserwise/mytaskuserwise';
import  { ProfilePage } from '../pages/profile/profile';
import { PaymentPage } from '../pages/payment/payment';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { InfoPage } from '../pages/info/info';
import { PerformancePage } from '../pages/performance/performance';
import { PopoverPage } from '../pages/communicationgiven/popover';
import { Updatepopup} from '../pages/communicationgiven/updatepopup';
import { TimelinePage } from '../pages/timeline/timeline';
import { Commpopup } from '../pages/timeline/commpopup';
import {SearchPage} from '../pages/search/search';
import {SuggestionPage} from '../pages/suggestion/suggestion';
import {Mytaskpopup} from '../pages/mytask/mytaskpopup';
import {Userwisepopup} from '../pages/mytaskuserwise/userwisepopup';
import {Taskgivenpopup} from '../pages/taskgiven/taskgivenpopup';
import {Reportpopup} from '../pages/reportto/reportpopup';
import {FollowerPage} from '../pages/follower/follower';
import {CommfollowerPage} from '../pages/commfollower/commfollower';
import { CommPage } from '../pages/comm/comm';
import {ReportsPage} from '../pages/reports/reports';
import { DashmodalPage } from '../pages/dashmodal/dashmodal';
import { Dashmodal1Page } from '../pages/dashmodal1/dashmodal1';
import { LabelPage } from '../pages/label/label';
import { SortPage } from '../pages/sort/sort';
import { SortuserwisePage } from '../pages/sortuserwise/sortuserwise';
import { LastseenPage } from '../pages/lastseen/lastseen';
import { MemolistPage } from '../pages/memolist/memolist';
import { OfcmemoPage } from '../pages/ofcmemo/ofcmemo';
import { CommadminPage } from '../pages/commadmin/commadmin';
import { AdminpcPage } from '../pages/adminpc/adminpc';

import {AiPage} from '../pages/ai/ai';
import { Autosize } from '../directives/autosize/autosize';

// Import Froala Editor.
import "froala-editor/js/froala_editor.pkgd.min.js";
import { NoSanitizePipe } from '../pipes/no-sanitize/no-sanitize';

// Import Angular2 plugin.
import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
import {Nl2BrPipeModule} from 'nl2br-pipe';
import {LinkyModule} from 'angular-linky';

//Search
import { SelectSearchableModule } from 'ionic-select-searchable';

// for ionic build --prod errors or aot compilation
// import { OverlayPortal } from '../../node_modules/ionic-angular/umd/components/app/overlay-portal.d';
//import { IonicApp } from '../../node_modules/ionic-angular/umd/components/app/app-root.d';
//import { ClickBlock } from '../../node_modules/ionic-angular/umd/components/app/click-block.d';
//import { Slides } from '../../node_modules/ionic-angular/umd/components/slides/slides.d';
import { FilterArrayPipe } from '../pages/dashboard2/filterpipe';
import {IonicPage, NavParams, Slides} from 'ionic-angular';

@NgModule({
  declarations: [
  //  OverlayPortal, //for aot compilation
 //   IonicApp , //for aot compilation for app-root.d
  //  ClickBlock, //for aot compilation
  //  Slides, //for aot compilation
  IonicApp,
    FilterArrayPipe, //for aot compilation
    TimeAgoPipe,
    MyApp,
    HomePage,
    ListPage,
    LoginPage,
    NewtaskPage,
   // DashboardPage,
    TaskgivenPage,
    MytaskPage,
    CommunicationPage,
    CommunicationgivenPage,
CommunicationreportPage,
GivencommunicationclosedPage,    
    TestPage,
    LogoutPage,
    MyclosedtaskPage,
    GivenclosedtaskPage,
    ReporttoPage,
    Dashboard2Page,
    MytaskuserwisePage,
    MycommclosedPage,
    ProfilePage,
    PaymentPage,
    InfoPage,
    SlidePage,
    PerformancePage ,
    PopoverPage,
    Updatepopup,
    SearchPage,
    TimelinePage,
    Commpopup,
    SuggestionPage,
    Mytaskpopup,
    Userwisepopup,
    Taskgivenpopup,
    Reportpopup,
    AiPage,
    Autosize,
    NoSanitizePipe,
    FollowerPage,
    CommfollowerPage,
    CommPage,
    ReportsPage,
    DashmodalPage,
    Dashmodal1Page,
    LabelPage,
    SortPage,
    SortuserwisePage,
    LastseenPage,
    MemolistPage,
    OfcmemoPage,
    CommadminPage,
    AdminpcPage,
    //OverlayPortal
  ],
  imports: [
    BrowserModule,
    HttpModule,
    Nl2BrPipeModule,
    LinkyModule,
    SelectSearchableModule,
    IonicModule.forRoot(MyApp),
    FroalaEditorModule.forRoot(),
    FroalaViewModule.forRoot(),
    IonicStorageModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    ListPage,
    LoginPage,
    NewtaskPage,
   // DashboardPage,
    TaskgivenPage,
    MytaskPage,
    CommunicationPage,
    CommunicationgivenPage,
    CommunicationreportPage, 
    GivencommunicationclosedPage,
    TestPage,
    LogoutPage,
    MyclosedtaskPage,
    GivenclosedtaskPage,
    ReporttoPage,
    Dashboard2Page,
    MytaskuserwisePage,
    MycommclosedPage,
    ProfilePage,
    PaymentPage,
    InfoPage,
    SlidePage,
    PerformancePage,
    PopoverPage,
    Updatepopup,
    SearchPage,
    TimelinePage,
    Commpopup,
    SuggestionPage,
    Mytaskpopup,
    Userwisepopup,
    Taskgivenpopup,
    Reportpopup,
    AiPage,
    FollowerPage,
    CommfollowerPage,
    CommPage,
    ReportsPage,
    DashmodalPage,
    Dashmodal1Page,
    LabelPage,
    SortPage,
    SortuserwisePage,
    LastseenPage,
    MemolistPage,
    OfcmemoPage,
    CommadminPage,
    AdminpcPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    //Firebase,
    Commopen,
    GivenclosedtaskPage,
    Userimage,
    InAppBrowser,
    SpeechRecognition,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

    我的离子信息:

    cli包:(C:\Users\jessica\AppData\Roaming\npm\node\U模块) 

    @ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

    全球软件包: 

    cordova (Cordova CLI) : 8.0.0

    本地软件包: 

    @ionic/app-scripts : 3.1.9
Cordova Platforms  : android 6.2.3 browser 5.0.1
Ionic Framework    : ionic-angular 3.8.0

    系统: 

    Android SDK Tools : 25.2.5
Node              : v6.10.3
npm               : 5.4.2
OS                : Windows 8.1

    环境变量: 

    ANDROID_HOME : C:\Program Files (x86)\Android\android-sdk

    杂项: 

    backend : legacy
    1 回复  |  直到 7 年前
        1
  •  1
  •   ashfaq.p    7 年前

    AOT构建的问题是,您有许多插件已经过时,不支持AOT编译。

    为了优化,可以检查GZIP。这将显著减少加载时间。GZIP需要从服务器端完成,与前端代码无关。

    推荐文章
    Ali Abdulaal  ·  Ionic 2——如何在变量中放入大量JSON数据,并在没有延迟的情况下删除重复的数据?
    7 年前
    Simon  ·  错误:无法传输程序-ionic2
    7 年前
    Rafael de Castro  ·  离子存储不需要的更改
    7 年前
    Rafael de Castro  ·  离子型/角型2-在页面之间插入“中介体”。ts和提供商。ts
    7 年前
    Ke Vin  ·  如何在ionic 3中使用选项卡正确设置我的主应用程序的根目录?
    7 年前
    Uraquitan Matova Ura Kombat  ·  离子,角度-索引内的全局变量。其他ts页面调用的html
    7 年前
    Kumar  ·  在离子项目中内联显示信息图标
    7 年前
    StuartDTO  ·  如何在Ionic中打开组件
    7 年前
    jamesharvey  ·  如何使用*ngFor指令从Ionic 3(Cordova、Ionic 3、Angular 5)上的存储器中提取数据
    7 年前
    jamesharvey  ·  我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)
    7 年前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号