如何向angular4项目添加ionic2支持?

如何向angular4项目添加ionic2支持?,angular,ionic2,Angular,Ionic2,我已经有了一个用angular4编写的项目,现在,我希望将ionic2组件引入其中,这样它就可以在移动设备中使用。我喜欢ionic2,因为它有很多移动友好的功能。 我不想重新开始新项目,因为我们当前的ng4应用程序非常复杂,我需要尽可能多地重用组件/代码。所以理想情况下,如果我只需要介绍一些ionic2模块,那么它将非常棒 我在package.json中引入了一些ionic2包 "@ionic-native/core": "3.4.2", "@ionic-native/splash-screen

我已经有了一个用angular4编写的项目,现在,我希望将ionic2组件引入其中,这样它就可以在移动设备中使用。我喜欢ionic2,因为它有很多移动友好的功能。 我不想重新开始新项目,因为我们当前的ng4应用程序非常复杂,我需要尽可能多地重用组件/代码。所以理想情况下,如果我只需要介绍一些ionic2模块,那么它将非常棒

  • 我在package.json中引入了一些ionic2包

    "@ionic-native/core": "3.4.2",
    "@ionic-native/splash-screen": "3.4.2",
    "@ionic-native/status-bar": "3.4.2",
    "@ionic/storage": "2.0.1",
    "ionic-angular": "3.0.1",
    "ionicons": "3.0.0",
    "@ionic/app-scripts": "1.3.0"
    
  • 在app.module.ts中。改为:

    import {NgModule, ErrorHandler} from '@angular/core'
    import { BrowserModule } from '@angular/platform-browser';
    import {AppComponent} from './app.component'
    import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
    import { StatusBar } from '@ionic-native/status-bar';
    import { SplashScreen } from '@ionic-native/splash-screen';
    
    @NgModule( {
      imports: [BrowserModule, IonicModule.forRoot( AppComponent )],
      declarations: [AppComponent],
      bootstrap: [IonicApp],
      entryComponents: [
         AppComponent
      ],
      providers: [
         StatusBar,
         SplashScreen,
          { provide: ErrorHandler, useClass: IonicErrorHandler }
      ]
    })
    
  • 当我启动它时,我确实看到了很多警告,例如:

    WARNING in ./~/ionic-angular/umd/index.js
    Critical dependencies:
    6:24-31 require function is used in a way in which dependencies cannot be statically extracted
     @ ./~/ionic-angular/umd/index.js 6:24-31
    
    WARNING in ./~/ionic-angular/umd/config/config.js
    Critical dependencies:
    3:24-31 require function is used in a way in which dependencies cannot be statically extracted
     @ ./~/ionic-angular/umd/config/config.js 3:24-31
    
    同样在浏览器中,我确实看到:

    ./~/ionic-angular/umd/platform/platform-registry.js
    Critical dependencies:
    3:24-31 require function is used in a way in which dependencies cannot be statically extracted
     @ ./~/ionic-angular/umd/platform/platform-registry.js 3:24-31
    warnings @ client?cd17:68
    client?cd17:68 ./~/ionic-angular/umd/config/mode-registry.js
    Critical dependencies:
    3:24-31 require function is used in a way in which dependencies cannot be statically extracted
     @ ./~/ionic-angular/umd/config/mode-registry.js 3:24-31
    
    是否有人成功地将ionic2添加到ng2项目中?你是怎么做到的


    谢谢

    你为什么不能换一种方式呢?首先创建爱奥尼亚3项目,然后将您的角度组件添加到其中?Out应用程序已经存在,并且它基于网页包,我看不到在爱奥尼亚中打包项目的解决方案。我认为爱奥尼亚的主要目的是提供移动应用程序,而不是移动网络,对吗?因此,理想情况下,我应该能够使用ionic或nativescript来打包我们的web应用程序,同时,我仍然可以直接将其部署为NG4Web