Runtime error: Cannot find module "ionic-native"
I am trying to connect ionic app 2 to backand and get this runtime error:
Unable to find module "ion-native".
I've tried working npm install @ionic-native/core --save
- but doesn't help. Many thanks
Setting details here: Ionic Framework: 3.0.1 Ionic Application Scripts: 1.3.0 Angular Core: 4.0.0 Angular CLI Compiler: 4.0.0 Node: 6.10.1 OS Platform: Windows 10 Navigator Platform: Win32 User Agent: Mozilla / 5.0 (Windows NT 10.0, Win64, x64) AppleWebKit / 537.36 (KHTML like Gecko) Chrome / 57.0.2987.133 Safari / 537.36
Error: Cannot find module "ionic" at g (localhost: 8100 / build / polyfills.js: 3: 7133) at Object.module.exports (localhost: 8100 / build / main.js: 114616: 7) at webpack_require (localhost: 8100 / build / main.js: 20:30) to Object. (localhost: 8100 / build / main.js: 86362: 73) in webpack_require (localhost: 8100 / build / main.js: 20:30) in Object. (localhost: 8100 / build / main.js: 140153: 70) to webpack_require (localhost: 8100 / build / main.js: 20:30) to localhost: 8100 / build / main.js: 66: 18
Package.Json
in the following way:
{
"name": "ionic-hello-world",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"ionic:build": "ionic-app-scripts build",
"ionic:serve": "ionic-app-scripts serve"
},
"dependencies": {
"@angular/common": "4.0.0",
"@angular/compiler": "4.0.0",
"@angular/compiler-cli": "4.0.0",
"@angular/core": "4.0.0",
"@angular/forms": "4.0.0",
"@angular/http": "4.0.0",
"@angular/platform-browser": "4.0.0",
"@angular/platform-browser-dynamic": "4.0.0",
"@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",
"rxjs": "5.1.1",
"socket.io-client": "^1.7.3",
"sw-toolbox": "3.4.0",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@ionic/app-scripts": "1.3.0",
"@types/node": "7.0.13",
"@types/socket.io-client": "1.4.29",
"typescript": "~2.2.1"
},
"cordovaPlugins": [
"cordova-plugin-whitelist",
"cordova-plugin-statusbar",
"cordova-plugin-console",
"cordova-plugin-device",
"cordova-plugin-splashscreen",
"ionic-plugin-keyboard",
"cordova-plugin-inappbrowser"
],
"cordovaPlatforms": [],
"description": "myApp: An Ionic project"
}
source to share
This issue is related to the old "ion-native" import
in my case: import {StatusBar, Splashscreen} from 'ionic-native'; I removed and added a new one:
https://ionicframework.com/docs/native/status-bar https://ionicframework.com/docs/native/splash-screen
If this is also your case, don't forget to add to the module provider as well
source to share
As of Ionic 3, Ionic Modules are now loaded as vendors. See below links:
https://github.com/driftyco/ionic/blob/master/CHANGELOG.md
http://blog.ionic.io/ionic-native-3-x/
https://github.com/driftyco/ionic-conference-app/commit/62088
So, you need to update your code if you want to use any of your own functions.
source to share