title: Cannot find module "ionic-native"
body: <p>I tried</p>
  <p><code>npm install ionic-native --save</code></p>
  <p><code>npm install @ionic-native/core --save both command still give Runtime error</code></p>
  <pre><code>Cannot find module &quot;ionic-native&quot;
  </code></pre>
  <p><strong>Error:</strong></p>
  <p><a href="https://i.stack.imgur.com/nE58J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nE58J.png" alt="enter image description here" /></a></p>
  <p><strong>my ionic info</strong></p>
  <p><a href="https://i.stack.imgur.com/tLjaT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tLjaT.png" alt="enter image description here" /></a></p>
  <p><strong>Package.json</strong></p>
  <pre><code>{
    &quot;name&quot;: &quot;ionic-hello-world&quot;,
    &quot;author&quot;: &quot;Ionic Framework&quot;,
    &quot;homepage&quot;: &quot;http://ionicframework.com/&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;clean&quot;: &quot;ionic-app-scripts clean&quot;,
      &quot;build&quot;: &quot;ionic-app-scripts build&quot;,
      &quot;ionic:build&quot;: &quot;ionic-app-scripts build&quot;,
      &quot;ionic:serve&quot;: &quot;ionic-app-scripts serve&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@angular/common&quot;: &quot;2.4.8&quot;,
      &quot;@angular/compiler&quot;: &quot;2.4.8&quot;,
      &quot;@angular/compiler-cli&quot;: &quot;2.4.8&quot;,
      &quot;@angular/core&quot;: &quot;2.4.8&quot;,
      &quot;@angular/forms&quot;: &quot;2.4.8&quot;,
      &quot;@angular/http&quot;: &quot;2.4.8&quot;,
      &quot;@angular/platform-browser&quot;: &quot;2.4.8&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;2.4.8&quot;,
      &quot;@angular/platform-server&quot;: &quot;2.4.8&quot;,
      &quot;@ionic-native/core&quot;: &quot;^3.5.0&quot;,
      &quot;@ionic-native/device&quot;: &quot;^3.5.0&quot;,
      &quot;@ionic-native/diagnostic&quot;: &quot;^3.5.0&quot;,
      &quot;@ionic-native/geolocation&quot;: &quot;^3.4.4&quot;,
      &quot;@ionic-native/location-accuracy&quot;: &quot;^3.5.0&quot;,
      &quot;@ionic-native/native-storage&quot;: &quot;^3.5.0&quot;,
      &quot;@ionic-native/network&quot;: &quot;^3.5.0&quot;,
      &quot;@ionic-native/splash-screen&quot;: &quot;^3.5.0&quot;,
      &quot;@ionic-native/status-bar&quot;: &quot;^3.5.0&quot;,
      &quot;@ionic/storage&quot;: &quot;^2.0.0&quot;,
      &quot;@types/cordova-plugin-network-information&quot;: &quot;0.0.3&quot;,
      &quot;ionic-angular&quot;: &quot;2.2.0&quot;,
      &quot;ionic-native&quot;: &quot;^3.5.0&quot;,
      &quot;ionicons&quot;: &quot;3.0.0&quot;,
      &quot;rxjs&quot;: &quot;5.0.1&quot;,
      &quot;sw-toolbox&quot;: &quot;3.4.0&quot;,
      &quot;zone.js&quot;: &quot;0.7.2&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@ionic/app-scripts&quot;: &quot;1.1.4&quot;,
      &quot;typescript&quot;: &quot;2.0.9&quot;
    },
    &quot;cordovaPlugins&quot;: [
      &quot;cordova-plugin-whitelist&quot;,
      &quot;cordova-plugin-statusbar&quot;,
      &quot;cordova-plugin-console&quot;,
      &quot;cordova-plugin-device&quot;,
      &quot;ionic-plugin-keyboard&quot;,
      &quot;cordova-plugin-splashscreen&quot;
    ],
    &quot;cordovaPlatforms&quot;: [],
    &quot;description&quot;: &quot;attendance: An Ionic project&quot;
  }
  </code></pre>
  <p><strong>app.componet.ts</strong></p>
  <pre><code>import { Component } from '@angular/core';
  import { Events, Platform } from 'ionic-angular';
  import { StatusBar, Splashscreen } from 'ionic-native';
  
  
  import { Storage } from '@ionic/storage';
  
  //import { TabsPage } from '../pages/tabs/tabs';
  import { LoginPage } from '../pages/login/login';
  
  import { LoginService } from'../providers/login-service';
  import { GlobalVars } from'../providers/global-vars';
  
  import { Device } from '@ionic-native/device';
  import { DatePipe } from '@angular/common';
  
  
  
  @Component({
    templateUrl: 'app.html',
    providers: [LoginService,GlobalVars]
  })
  export class MyApp {
    rootPage = LoginPage;
  
    constructor(platform: Platform, public storage: Storage,public events: Events,public loginService: LoginService,private device: Device,public datepipe: DatePipe,public globalVars: GlobalVars) {
      platform.ready().then(() =&gt; {
        // Okay, so the platform is ready and our plugins are available.
        // Here you can do any higher level native things you might need.
        StatusBar.styleDefault();
        Splashscreen.hide();
      });
      //setInterval(this.checkdevice, 1000);
          
          this.saveDevice();
    }
    
    saveDevice(){
          //alert(&quot;Hello&quot;)
          var d = new Date();
          var currdate = this.datepipe.transform(d, 'yyyy-MM-dd hh:mm:ss');
          
          //alert(this.device.uuid+&quot; &quot;+this.device.model+&quot; &quot;+this.device.platform+&quot; &quot;+this.device.version+&quot; &quot;+currdate);
          this.loginService.saveDevice(this.device.uuid,this.device.model,this.device.platform,this.device.version,currdate).subscribe(
                  data =&gt; {
                      console.log(&quot;data-&gt;&quot;+JSON.stringify(data));
                      //alert(JSON.stringify(data));
                  },
                  err =&gt; {
                      console.log(err);
                  },
                  () =&gt; console.log('Login Search Complete')
                  
              );
    }
  }
  </code></pre>
  <p><strong>app.module.ts</strong></p>
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule, ErrorHandler } from '@angular/core';
  import { Device } from '@ionic-native/device';
  import { IonicApp, IonicModule, IonicErrorHandler} from 'ionic-angular';
  import { IonicStorageModule } from '@ionic/storage';
  import { MyApp } from './app.component';
  import { AboutPage } from '../pages/about/about';
  import { ContactPage } from '../pages/contact/contact';
  import { HomePage } from '../pages/home/home';
  import { TabsPage } from '../pages/tabs/tabs';
  import { LoginPage } from '../pages/login/login';
  import { MondaleditprofilePage } from '../pages/mondaleditprofile/mondaleditprofile';
  import { SignupPage } from '../pages/signup/signup';//mondal page
  
  import { LoginService } from'../providers/login-service';
  import { GlobalVars } from'../providers/global-vars';
  import { Profileservices } from'../providers/profileservices';
  import { GlobalFunctions } from'../providers/global-functions';
  import { ConnectivityService } from '../providers/connectivity-service';
   
  
  import { DatePipe } from '@angular/common';
  import { Geolocation } from '@ionic-native/geolocation';
  import { Diagnostic } from '@ionic-native/diagnostic';
  import { LocationAccuracy } from '@ionic-native/location-accuracy';
  import { Network } from '@ionic-native/network';
  
  
  
  /* {
        name: '__mydb',
        driverOrder: ['indexeddb', 'sqlite', 'websql']
      }*/
  @NgModule({
    declarations: [
      MyApp,
      AboutPage,
      ContactPage,
      HomePage,
      TabsPage,
      LoginPage,
      MondaleditprofilePage,
      SignupPage
    ],
    imports: [
      BrowserModule,
      IonicModule.forRoot(MyApp),
      IonicStorageModule.forRoot()
    ],
    bootstrap: [IonicApp],
    entryComponents: [
      MyApp,
      AboutPage,
      ContactPage,
      HomePage,
      TabsPage,
      LoginPage,
      MondaleditprofilePage,
      SignupPage
    ],
    providers: [{provide: ErrorHandler, useClass: IonicErrorHandler},GlobalVars,LoginService,Storage,Profileservices,DatePipe,Device,GlobalFunctions,Geolocation,Diagnostic,LocationAccuracy,ConnectivityService,Network]
  })
  export class AppModule {}
  </code></pre>