environment:
ionic info
cli packages: (/usr/local/lib/node_modules)
@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
System:
Node : v9.10.1
npm : 5.6.0
OS : macOS High Sierra
Misc:
backend : legacy
npm -v
5.6.0
I was following this tutorial:
steps:
➜ iionic start ionic3-angular5 blank
Creating directory ./ionic3-angular5 - done!
Downloading and extracting blank starter - done!
? Would you like to integrate your new app with Cordova to target native iOS and Android? Yes
Personalizing ionic.config.json and package.json - done!
ionic integrations enable cordova --quiet
[OK] Added cordova integration!
Installing dependencies may take several minutes.
IONIC DEVAPP
Speed up development with the Ionic DevApp, our fast, on-device testing mobile app
-
Test on iOS and Android without Native SDKs -
LiveReload for instant style and JS updates
️–> Install DevApp: https://bit.ly/ionic-dev-app <–
npm i
git init
git add -A
git commit -m “Initial commit” --no-gpg-sign
♬ ♫ ♬ ♫ Your Ionic app is ready to go! ♬ ♫ ♬ ♫
Run your app in the browser (great for initial development):
ionic serve
Install the DevApp to easily test on iOS and Android
https://bit.ly/ionic-dev-app
Run on a device or simulator:
ionic cordova run ios
Test and share your app on a device with the Ionic View app:
https://ionicframework.com/products/view
Next Steps:
- Go to your newly created project: cd ./ionic3-angular5
- Get Ionic DevApp for easy device testing: https://bit.ly/ionic-dev-app
After this, I just do this:
➜ ionic cd ionic3-angular5
➜ ionic3-angular5 git:(master) ng serve
and that’s where the 1st buck stopped:
Unable to find “@angular/cli” in devDependencies.
Please take the following steps to avoid issues:
“npm install --save-dev @angular/cli@latest”
Cannot read property ‘config’ of null
TypeError: Cannot read property ‘config’ of null
at Class.run (/usr/local/lib/node_modules/@angular/cli/tasks/serve.js:51:63)
at check_port_1.checkPort.then.port (/usr/local/lib/node_modules/@angular/cli/commands/serve.js:123:26)
at
at process._tickCallback (internal/process/next_tick.js:118:7)
As the instruction suggested, I did this then:
➜ ionic3-angular5 git:(master) npm install --save-dev @angular/cli@latest
uglifyjs-webpack-plugin@0.4.6 postinstall /Users/Haluk/Dropbox/ionic/ionic3-angular5/node_modules/@angular/cli/node_modules/webpack/node_modules/uglifyjs-webpack-plugin
node lib/post_install.js
- @angular/cli@1.7.4
added 354 packages in 18.25s
➜ ionic3-angular5 git:(master) ✗
➜ ionic3-angular5 git:(master) ✗ ng serve
Cannot read property ‘config’ of null
TypeError: Cannot read property ‘config’ of null
at Class.run (/Users/Haluk/Dropbox/ionic/ionic3-angular5/node_modules/@angular/cli/tasks/serve.js:51:63)
at check_port_1.checkPort.then.port (/Users/Haluk/Dropbox/ionic/ionic3-angular5/node_modules/@angular/cli/commands/serve.js:123:26)
at
at process._tickCallback (internal/process/next_tick.js:118:7)
that’s where the final buck stopped.
FYI: when I do ls -al, I see this:
➜ ionic3-angular5 git:(master) ✗ ls -al
total 736
drwxr-xr-x 14 Haluk staff 448 May 1 13:53 .
drwxr-xr-x@ 20 Haluk staff 640 May 1 13:50 …
-rw-r–r-- 1 Haluk staff 363 May 1 02:53 .editorconfig
drwxr-xr-x 12 Haluk staff 384 May 1 13:53 .git
-rw-r–r-- 1 Haluk staff 438 May 1 02:53 .gitignore
-rw-r–r-- 1 Haluk staff 6183 May 1 13:50 config.xml
-rw-r–r-- 1 Haluk staff 118 May 1 13:50 ionic.config.json
drwxr-xr-x 744 Haluk staff 23808 May 1 13:53 node_modules
-rw-r–r-- 1 Haluk staff 343458 May 1 13:53 package-lock.json
-rw-r–r-- 1 Haluk staff 1170 May 1 13:53 package.json
drwxr-xr-x 7 Haluk staff 224 May 1 13:50 resources
drwxr-xr-x 9 Haluk staff 288 May 1 13:50 src
-rw-r–r-- 1 Haluk staff 519 May 1 02:53 tsconfig.json
-rw-r–r-- 1 Haluk staff 178 May 1 02:53 tslint.json
What am I doing wrong in what seems to be the bare-bone steps?