Can not run ionic project using command ionic server - node.js

Using these versions of Ionic, Cordova, and Node.js
Ionic:
ionic (Ionic CLI) : 4.2.1 <br>(C:\Users\yymal\AppData\Roaming\npm\node_modules\ionic)<br>
Ionic Framework : ionic-angular 3.9.2<br>
#ionic/app-scripts : 3.2.0<br>
Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib#8.1.1)<br>
Cordova Platforms : android 7.0.0<br>
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 7 other plugins)
System:
NodeJS : v8.12.0 (C:\Program Files\nodejs\node.exe)<br>
npm : 6.4.1<br>
OS : Windows 10<br>
When I type ionic serve in the command line, I get the following error:
[app-scripts] '"E:\uQuestfinal\node_modules.bin\ionic-app-scripts"' is not recognized as an internal or external command,
[app-scripts] operable program or batch file.
[ERROR] ionic-app-scripts has unexpectedly closed (exit code 1).
The Ionic CLI will exit. Please check any output above for error details.
How can I fix this?

[app-scripts] Run npm rebuild node-sass --force to build the binding for your current environment.
Do you get that in the error message? It worked after I ran that command.

please change your ionic version to 3 from 4

Related

Running Ionic project using specific Node version

I am trying to run an Ionic project using Node version 14.18.3
I am using Volta to set this version for this one particular project
To do this I ran this command:
volta pin node#14
If I navigate to my project and run node -v then I see 14.18.3
When I try and build my project it fails and gives me an error that indicates that my node version is not 14
If I run ionic info then I see the following output. This shows that my node version is 16.13.1
Question - where is 16.13.1 coming from? How do I get Ionic to run using node 14?
Ionic:
Ionic CLI : 6.18.1 (/Users/chris/.volta/tools/image/packages/#ionic/cli/lib/node_modules/#ionic/cli)
Ionic Framework : ionic-angular 3.9.3
#ionic/app-scripts : 3.2.1
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : android 9.0.0, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 17 other plugins)
Utility:
cordova-res : 0.15.4
native-run (update available: 1.5.0) : 0.3.0
System:
Android SDK Tools : 26.1.1 (/Users/chris/Library/Android/sdk)
ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v16.13.1 (/Users/chris/.volta/tools/image/node/16.13.1/bin/node)
npm : 8.2.0
OS : macOS Monterey
Xcode : Xcode 13.2.1 Build version 13C100

ionic Nothing happened after lint finished when build or run

I hope I can get a bit of a clue in here. I did my research but I cant find the answer. I saw two previous similar question with no answer also. The problem is: whenever I do:
ionic cordova run android
ionic cordova run ios
ionic cordova build android
ionic cordova build ios
the CLI stopped after “Lint finished”. No error, nothing.
Ionic serve can do fine in browser.
it is also happened when i started new default blank project so I know this is not project issue, but my environtment.
Below are output of ionic info:
Ionic:
ionic (Ionic CLI) : 4.2.1
Ionic Framework : ionic-angular 3.9.2
#ionic/app-scripts : 3.1.9
Cordova:
cordova (Cordova CLI) : 5.0.0
Cordova Platforms : android 4.0.0, ios
Cordova Plugins : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview 1.2.0, (and 10 other plugins)
System:
Android SDK Tools : 26.1.1 (C:\Users\myusername\AppData\Local\Android\Sdk)
NodeJS : v6.11.2 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10
Please give me idea where to look at. Is my node outdated or something?

Cannot load gulp: Error: ENOENT: no such file or directory 'node-sass/vendor'

Having this problem for hours now and can't solve it:
Cannot load gulp: Error: ENOENT: no such file or directory, scandir '/Users/ME/mywebsite/node_modules/node-sass/vendor'
Weird thing is, the node-sass module is in my files (I checked) and reinstalling, rebuilding or removing does not work at all. It just keeps giving me the same errors when I try to start up gulp sass to transform my SCSS to CSS.
I am out of options, as I have tried everything I could find on SO and Google.
Is there something I am missing?
PS: using Ionic. Please see my configurations:
[WARN] Bad integration name: gulp
✔ Gathering environment info - done!
Ionic:
ionic (Ionic CLI) : 4.1.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic1 master
#ionic/v1-toolkit : 1.0.8
Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 6.3.0, ios 4.4.0
Cordova Plugins : no whitelisted plugins (9 plugins total)
System:
ios-deploy : 1.9.0
ios-sim : 5.0.8
NodeJS : v6.8.1 (/usr/local/bin/node)
npm : 2.15.11
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000
It is incredible, but I fixed it by adding a folder manually to the node-sass folder.
I was triggered by this comment: https://github.com/HabitRPG/habitica/issues/7758#issuecomment-230465352
Damn it! Hope that it helps someone.
After that, I did npm rebuild node-sass and it started working again.
I just did a npm install node-sass and it created the folder, like it missed it on the first install.

ionic sqlite porter (plugin_not_installed)

I followed the tutorial on the link below to create an ionic prepopulated database app but I get plugin_not_installed error.
ionic prepopulated db tutorial.
Other forums advised uninstalling the plugin and the platform and reinstalling but to no avail after several tries and even creating new ionic projects.
Find attached images of my config.xml file and my ionic info.
console.warn: Install the SQLitePorter plugin: 'ionic cordova plugin add uk.co.workingedge.cordova.plugin.sqliteporter'
console.error:
******[plugin_not_installed error][2]
**************Error plugin_not_installed
plugin list in config.xml
Ionic Info:
cli packages: (MY_DIRECTORY\npm\node_modules)
#ionic/cli-utils : 1.19.1
ionic (Ionic CLI) : 3.19.1
global packages: cordova (Cordova CLI) : 8.0.0
local packages:
#ionic/app-scripts : 3.1.8
Cordova Platforms : browser 5.0.3 ios 4.5.4
Ionic Framework : ionic-angular 3.9.2
System:
Node : v8.9.4
npm : 5.6.0
OS : Windows 8.1
Environment Variables: ANDROID_HOME : not set
Misc: backend : pro
I called the native plugin within platform.ready in case someone wants to ask.
Thank you.
eventually my problem was that I was testing the app with "ionic serve -c" with Ionic DevApp which doesn't load native plugins.
My solution was to build the app to preferred platform (ios in my case) and test in Xcode and it works.

ionic package build android FAILED due to TypeError: Cannot read property 'length' of undefined

I just created a demo ionic project by ionic start conference, but when I tried to build the Android package, it tell me that TypeError: Cannot read property 'length' of undefined.
Then I tried to create another demo, ionic start blank, failed again.
ionic serve works all good and here is the information of ionic info
global packages:
#ionic/cli-utils : 1.1.2
Ionic CLI : 3.1.2
local packages:
#ionic/app-scripts : 1.3.7
#ionic/cli-plugin-ionic-angular : 1.3.0
Ionic Framework : ionic-angular 3.3.0
System:
Node : v6.9.5
OS : macOS Sierra
Xcode : not installed
ios-deploy : not installed
ios-sim : not installed
Is there any dependency problem?
Use following command to build for android:
ionic cordova build android

Resources