Check this out.
@LoLStats, I went through all steps per your instruction but when I run ionic serve, just blank screen no errors. Wondering what could be missing. Any input would be appreciated.
BTW, All ionic-native modules have been imported to app/app.module.ts and used as provider
here is package.json:
"dependencies": {
"@angular/common": "4.4.3",
"@angular/compiler": "4.4.3",
"@angular/compiler-cli": "4.4.3",
"@angular/core": "4.4.3",
"@angular/forms": "4.4.3",
"@angular/http": "4.4.3",
"@angular/platform-browser": "4.4.3",
"@angular/platform-browser-dynamic": "4.4.3",
"@ionic-native/app-version": "^4.3.1",
"@ionic-native/barcode-scanner": "^4.3.1",
"@ionic-native/ble": "^4.3.1",
"@ionic-native/calendar": "^4.3.1",
"@ionic-native/camera": "^4.3.1",
"@ionic-native/core": "4.3.0",
"@ionic-native/device": "^4.3.1",
"@ionic-native/diagnostic": "^4.3.1",
"@ionic-native/dialogs": "^4.3.1",
"@ionic-native/geolocation": "^4.3.1",
"@ionic-native/in-app-browser": "^4.3.1",
"@ionic-native/keyboard": "^4.3.1",
"@ionic-native/network": "^4.3.1",
"@ionic-native/safari-view-controller": "^4.3.1",
"@ionic-native/screen-orientation": "^4.3.1",
"@ionic-native/splash-screen": "4.3.0",
"@ionic-native/status-bar": "4.3.0",
"@ionic-native/toast": "^4.3.1",
"@ionic/storage": "2.0.1",
"dotenv": "^4.0.0",
"font-awesome": "^4.7.0",
"fs-extra": "^4.0.2",
"ionic-angular": "3.7.1",
"ionicons": "3.0.0",
"moment": "^2.15.2",
"ng-block-ui": "^0.9.0",
"plist": "^2.1.0",
"rxjs": "5.4.3",
"sw-toolbox": "3.6.0",
"xcode": "^0.9.3",
"zone.js": "0.8.18"
},
"devDependencies": {
"@ionic/app-scripts": "3.0.0",
"typescript": "2.3.4"
},
"cordovaPlugins": [
"cordova-plugin-whitelist",
"cordova-plugin-console",
"cordova-plugin-statusbar",
"cordova-plugin-device",
"cordova-plugin-splashscreen",
"ionic-plugin-keyboard"
],
Some additional information. What I noticed, the build process is generating Index.html in www folder as below:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<script data-ionic="inject">
(function(w){var i=w.Ionic=w.Ionic||{};i.version='3.7.1';i.angular='4.4.3';i.staticDir='build/';})(window);
</script>
</body>
</html>
Hello Guys, i followed all the streps, and now i’m having this error : NullInjectorError: No provider for Http! I imported the HttpClientModule like you said and it stills not working …
i follow your steps and when i am creating build.
i am getting this error
"…node_module/ionic-native/node_module/rxjs/subject.d.ts line 16"
I am trying to update this app :
And I found many errors such as this :
[12:08:23] typescript: C:/app/resturant/src/pages/contact/contact.ts, line: 1
Module '"C:/app/resturant/node_modules/ionic-angular/index"' has no exported member 'Page'.
L1: import {Page, NavController} from 'ionic-angular';
[12:08:23] typescript: C:/app/resturant/src/pages/cart/cart.ts, line: 1
Module '"C:/app/resturant/node_modules/ionic-angular/index"' has no exported member 'Page'.
L1: import {Page, NavController, Alert, ViewController, Modal} from 'ionic-angular';
[12:08:23] typescript: C:/app/resturant/src/pages/cart/cart.ts, line: 3
Cannot find module '../../services/menu-service'.
L3: import {CartItem, CartService} from '../../services/menu-service';
[12:08:23] typescript: C:/app/resturant/src/pages/cart/cart.ts, line: 25
Property 'create' does not exist on type 'typeof Modal'.
L24: checkout(){
L25: let modal = Modal.create(MyModal);
L26: this.nav.present(modal);
[12:08:23] typescript: C:/app/resturant/src/pages/cart/cart.ts, line: 26
Property 'present' does not exist on type 'NavController'.
L25: let modal = Modal.create(MyModal);
L26: this.nav.present(modal);
[12:08:23] typescript: C:/app/resturant/src/pages/cart/cart.ts, line: 38
Property 'create' does not exist on type 'typeof Alert'.
L38: let alert = Alert.create({
L39: title: 'Confirm Delete',
[12:08:23] typescript: C:/app/resturant/src/pages/cart/cart.ts, line: 58
Property 'present' does not exist on type 'NavController'.
L57: });
L58: this.nav.present(alert);
[12:08:23] typescript: C:/app/resturant/src/pages/cart/cart.ts, line: 70
Property 'create' does not exist on type 'typeof Alert'.
L69: } else {
L70: let alert = Alert.create({
L71: title: 'Error',
[12:08:23] typescript: C:/app/resturant/src/pages/cart/cart.ts, line: 75
Property 'present' does not exist on type 'NavController'.
L74: });
L75: this.nav.present(alert);
[12:08:23] typescript: C:/app/resturant/src/pages/about/about.ts, line: 1
Module '"C:/app/resturant/node_modules/ionic-angular/index"' has no exported member 'Page'.
L1: import {Page, NavController} from 'ionic-angular';
[12:08:23] typescript: C:/app/resturant/src/pages/menu/menu.ts, line: 1
Module '"C:/app/resturant/node_modules/ionic-angular/index"' has no exported member 'Page'.
L1: import {Page, NavController} from 'ionic-angular';
[12:08:23] typescript: C:/app/resturant/src/pages/menu/menu.ts, line: 3
Cannot find module '../../services/menu-service'.
L3: import {MenuService, MenuItem, CartService} from '../../services/menu-service';
[12:08:23] typescript: C:/app/resturant/src/pages/main/main.ts, line: 1
Module '"C:/app/resturant/node_modules/ionic-angular/index"' has no exported member 'Page'.
L1: import {Page, NavController} from 'ionic-angular';
[12:08:23] typescript: C:/app/resturant/src/pages/home/home.ts, line: 1
Module '"C:/app/resturant/node_modules/ionic-angular/index"' has no exported member 'Page'.
L1: import {Page, NavController} from 'ionic-angular';
Error: The Angular AoT build failed. See the issues above
at C:\app\resturant\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:232:55
at step (C:\app\resturant\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:32:23)
at Object.next (C:\app\resturant\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:13:53)
at fulfilled (C:\app\resturant\node_modules\@ionic\app-scripts\dist\aot\aot-compiler.js:4:58)
How can I make this app runing !?