Cannot find module '@ionic-native/in-app-browser'

Ionic Native
1

Some modules are missing. Can you help me?

My environment is:
cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils : 1.13.1
ionic (Ionic CLI) : 3.13.1
global packages:

cordova (Cordova CLI) : 7.1.0
local packages:

Angular Core: 4.4.4

@ionic/app-scripts : 3.0.0
Cordova Platforms : android 6.2.3
Ionic Framework : ionic-angular 3.7.1
System:

ios-sim : 5.0.8
Node : v6.11.2
npm : 2.15.12
OS : macOS Sierra
Xcode : Xcode 8.3.3 Build version 8E3004b
Misc:

backend : pro

MacRitas-MBP:conference macrita$ ionic serve
[INFO] Starting app-scripts server: --address 0.0.0.0 --port 8100
–livereload-port 35729 --dev-logger-port 53703 - Ctrl+C to cancel
[03:31:37] watch started …
[03:31:37] build dev started …
[03:31:37] clean started …
[03:31:37] clean finished in 1 ms
[03:31:37] copy started …
[03:31:37] deeplinks started …
[03:31:37] deeplinks finished in 32 ms
[03:31:37] transpile started …
[03:31:39] typescript: src/app/app.module.ts, line: 7
Cannot find module ‘@ionic-native/in-app-browser’.

   L7:  import { InAppBrowser } from '@ionic-native/in-app-browser';
   L8:  import { SplashScreen } from '@ionic-native/splash-screen';

[03:31:39] typescript: src/pages/speaker-list/speaker-list.ts, line: 10
Cannot find module ‘@ionic-native/in-app-browser’.

   L9:  } from 'ionic-angular';
  L10:  import { InAppBrowser } from '@ionic-native/in-app-browser';

[03:31:40] dev server running: http://localhost:8100/

2

How did you install it?
What does your package.json look like?

3

Sujan12 https://forum.ionicframework.com/u/sujan12 Moderator
October 17

How did you install it?

I created a template project and than replaced all the files with the
conference project files.

What does your package.json look like?

{
“name”: “ionic-conference-app”,
“version”: “0.0.0”,
“description”: “Ionic Conference App”,
“license”: “Apache-2.0”,
“repository”: {
“type”: “git”,
“url”: “GitHub - ionic-team/ionic-conference-app: A conference app built with Ionic to demonstrate Ionic”
},
“scripts”: {
“build”: “ionic-app-scripts build”,
“clean”: “ionic-app-scripts clean”,
“lint”: “ionic-app-scripts lint”,
“ionic:build”: “npm run build”,
“ionic:serve”: “npm run serve”,
“ionic:lint”: “npm run lint”
},
“dependencies”: {
“@angular/common”: “4.4.4”,
“@angular/compiler”: “4.4.4”,
“@angular/compiler-cli”: “4.4.4”,
“@angular/core”: “4.4.4”,
“@angular/forms”: “4.4.4”,
“@angular/http”: “4.4.4”,
“@angular/platform-browser”: “4.4.4”,
“@angular/platform-browser-dynamic”: “4.4.4”,
“@ionic-native/core”: “^4.3.1”,
“@ionic-native/in-app-browser”: “^4.3.1”,
“@ionic-native/splash-screen”: “^4.3.1”,
“@ionic-native/status-bar”: “^4.3.1”,
“@ionic/storage”: “^2.0.1”,
“cordova-android”: “^6.2.3”,
“cordova-ios”: “^4.5.1”,
“cordova-plugin-crosswalk-webview”: “^2.3.0”,
“cordova-plugin-device”: “^1.1.6”,
“cordova-plugin-inappbrowser”: “^1.7.1”,
“cordova-plugin-ionic-webview”: “^1.1.15”,
“cordova-plugin-ionic-wkkeyboard”: “^1.1.11”,
“cordova-plugin-splashscreen”: “^4.0.3”,
“cordova-plugin-statusbar”: “git+
GitHub - apache/cordova-plugin-statusbar: Apache Cordova Status Bar Plugin”,
“cordova-plugin-whitelist”: “^1.3.2”,
“ionic-angular”: “nightly”,
“ionicons”: “3.0.0”,
“rxjs”: “5.4.3”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.18”
},
“devDependencies”: {
“@ionic/app-scripts”: “nightly”,
“typescript”: “~2.3.2”
},
“config”: {
“ionic_aot_write_to_disk”: true
},
“cordova”: {
“platforms”: [
“android”,
“ios”
],
“plugins”: {
“cordova-plugin-crosswalk-webview”: {
“XWALK_VERSION”: “22+”,
“XWALK_LITEVERSION”: “xwalk_core_library_canary:17+”,
“XWALK_COMMANDLINE”: “–disable-pull-to-refresh-effect”,
“XWALK_MODE”: “embedded”,
“XWALK_MULTIPLEAPK”: “true”
},
“cordova-plugin-device”: {},
“cordova-plugin-inappbrowser”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-whitelist”: {},
“cordova-plugin-ionic-webview”: {},
“cordova-plugin-ionic-wkkeyboard”: {},
“cordova-plugin-statusbar”: {}
}
}
}

4

Run npm list --depth=0 please.

5

It works!
I run
npm install @ionic-native/in-app-browser

Thanks !

4 Likes