$ ionic start fails due to missing ionic-angular module

Explorer445 · January 1, 2018, 10:40pm

Hi,
I am starting my trail with Ionic but unfortunately I am stuck in the very beginning.
After successful installation of node.js , ionic & cordova when I start the test app I get into errors.
Please let me know what I am missing here. Below is the error detail:

D:\mnk\RnD\ionic>ionic start mkApp sidemenu
√ Creating directory .\mkApp - done!
√ Downloading and extracting sidemenu 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
√ Downloading integration cordova - done!
√ Copying integrations files to project - done!
[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: Ionic DevApp - Appflow ←

npm i
× Running command - failed!
[ERROR] npm ERR! path D:\mnk\RnD\ionic\mkApp\node_modules\ionic-angular

    npm ERR! code ENOENT
    npm ERR! errno -4058
    npm ERR! syscall rename
    npm ERR! enoent ENOENT: no such file or directory, rename 'D:\mnk\RnD\ionic\mkApp\node_modules\ionic-angular' ->
    'D:\mnk\RnD\ionic\mkApp\node_modules\.ionic-angular.DELETE'
    npm ERR! enoent This is related to npm not being able to find a file.
    npm ERR! enoent

    npm ERR! A complete log of this run can be found in:
    npm ERR!     C:\Users\xyz\AppData\Roaming\npm-cache\_logs\2018-01-01T22_06_48_554Z-debug.log

D:\mnk\RnD\ionic>cd mkApp

D:\mnk\RnD\ionic\mkApp>ionic info
[ERROR] Error with .\node_modules\ionic-angular\package.json file: FILE_NOT_FOUND

cli packages: (C:\Users\xyz\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.6
Cordova Platforms  : none
Ionic Framework    : not installed

System:

Node : v8.9.3
npm  : 5.5.1
OS   : Windows 10

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro

D:\mnk\RnD\ionic\mkApp>

AaronSterling · January 2, 2018, 8:37pm

You haven’t installed Ionic. So whatever you tried to do here did not work.

Explorer445 · January 3, 2018, 9:24am

Thanks for the reply.
This is very interesting. I had followed the steps on Getting Started:

Installed Node.Js
then ran > npm install -g cordova ionic

Iconic Install.png978×299 10.5 KB

I got some warnings but based on my search, I understood that those were only relevant for Mac whereas I am running Win10.

Any hint what I am missing in the above two steps or how to verify my install?

bilow · January 3, 2018, 11:14am

Quickest way to verify your install would be executing the command

ionic

in your console and see if you get a response like this.

   _             _
  (_) ___  _ __ (_) ___
  | |/ _ \| '_ \| |/ __|
  | | (_) | | | | | (__
  |_|\___/|_| |_|_|\___|  CLI 3.19.0


  Usage:

    $ ionic <command> [<args>] [--help] [--verbose] [--quiet] [--no-interactive] [--confirm] [options]

  Global Commands:

    config <subcommand> ...... Manage CLI and project config values (subcommands: get, set)
    docs ..................... Open the Ionic documentation website
    info ..................... Print system/environment info
    login .................... Login with your Ionic ID
    signup ................... Create an Ionic account
    start .................... Create a new project
    telemetry ................ (deprecated) Opt in and out of telemetry

  Project Commands:

    You are not in a project directory.

Check your (global) npm folder if the packages are there

C:\Users\Mamoon\AppData\Romaing\npm\

Explorer445 · January 3, 2018, 11:54am

I had done that already. It still gives correct result.
D:\mnk\RnD\ionic>ionic
_ _
() ___ _ __ () ___
| |/ _ | '_ | |/ |
| | (_) | | | | | (
||___/|| |||___| CLI PRO 3.19.0

Usage:

$ ionic <command> [<args>] [--help] [--verbose] [--quiet] [--no-interactive] [--confirm] [options]

Global Commands:

config <subcommand> ...... Manage CLI and project config values (subcommands: get, set)
docs ..................... Open the Ionic documentation website
info ..................... Print system/environment info
login .................... Login with your Ionic ID
signup ................... Create an Ionic account
ssh <subcommand> ......... Commands for configuring SSH keys (subcommands: add, delete, generate, list, setup, use)
start .................... Create a new project
telemetry ................ (deprecated) Opt in and out of telemetry

Project Commands:

You are not in a project directory.

BTW; my understanding is that ionic-cli != ionic-angular

I feel, I am missing some specific module/lib .

Also, I see over 200 modules in C:\Users\Mamoon\AppData\Roaming\npm\node_modules\ionic\node_modules

bilow · January 3, 2018, 12:43pm

Try to manually delete the node_modules folder IN your PROJECT. Then try npm install again in your project folder. Then try again ?..

Explorer445 · January 3, 2018, 1:05pm

Still the same error, as I posted in first post.

bilow · January 3, 2018, 2:08pm

Ok. Last try:
Reinstall your global packages of cordova and ionic and your project packages (or just start a new project)

again delete your node_modules folder in your project
delete the global cordova and ionic packages
npm uninstall -g cordova ionic
npm cache clear --force
check if all files regarding to cordova and ionic are deleted in your npm folder
C:Users\Mamoon\AppData\Roaming\npm -> delete all except npm/npx
Also check the node_modules folder -> delete all except npm
reboot your computer
npm install -g cordova ionic
check if packages are installed
ionic -v
in your project folder try npm install again

Explorer445 · January 3, 2018, 10:59pm

I gave one more try and it almost failed till when I ran the Install again in the totally new project.
Here is the full output:

D:\mnk\RnD\ionic>ionic start helloApp blank
√ Creating directory .\helloApp - 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
√ Downloading integration cordova - done!
√ Copying integrations files to project - done!
[OK] Added cordova integration!
[ERROR] Error with .\helloApp\node_modules\ionic-angular\package.json file: FILE_NOT_FOUND
[ERROR] Error with .\helloApp\node_modules@ionic\app-scripts\package.json file: FILE_NOT_FOUND

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: Ionic DevApp - Appflow ←

npm i
× Running command - failed!
[ERROR] npm ERR! path D:\mnk\RnD\ionic\helloApp\node_modules\ionic-angular

    npm ERR! code ENOENT
    npm ERR! errno -4058
    npm ERR! syscall rename
    npm ERR! enoent ENOENT: no such file or directory, rename 'D:\mnk\RnD\ionic\helloApp\node_modules\ionic-angular'
    -> 'D:\mnk\RnD\ionic\helloApp\node_modules\.ionic-angular.DELETE'
    npm ERR! enoent This is related to npm not being able to find a file.
    npm ERR! enoent

    npm ERR! A complete log of this run can be found in:
    npm ERR!     C:\Users\Mamoon\AppData\Roaming\npm-cache\_logs\2018-01-03T22_47_16_561Z-debug.log

D:\mnk\RnD\ionic>cd helloApp

D:\mnk\RnD\ionic\helloApp>npm install

node-sass@4.5.3 install D:\mnk\RnD\ionic\helloApp\node_modules\node-sass
node scripts/install.js

Cached binary found at C:\Users\Mamoon\AppData\Roaming\npm-cache\node-sass\4.5.3\win32-x64-57_binding.node

uglifyjs-webpack-plugin@0.4.6 postinstall D:\mnk\RnD\ionic\helloApp\node_modules\uglifyjs-webpack-plugin
node lib/post_install.js

node-sass@4.5.3 postinstall D:\mnk\RnD\ionic\helloApp\node_modules\node-sass
node scripts/build.js

Binary found at D:\mnk\RnD\ionic\helloApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

added 6 packages and updated 537 packages in 155.529s

D:\mnk\RnD\ionic\helloApp>

Now I want to understand,

what has gone wrong with the -g option
Is it normal that I need to install again in the project after starting it?

jamesharvey · February 22, 2018, 11:46pm

I’m getting the same error.

The latest version node.js, ionic, angular are installed but it says ionic-angular is not found?

[ERROR] Error with .\project9\node_modules\ionic-angular\package.json file: FILE_NOT_FOUND
[ERROR] Error with .\project9\node_modules\@ionic\app-scripts\package.json file: FILE_NOT_FOUND

This error started to happen after using this command:

npm install --save @angular/core@latest

jamesharvey · February 23, 2018, 12:32am

It’s now fixed by reinstalling node.js using its original .msi installer downloaded from node site.
I had to install latest ionic CLI as well… it took me an hour+ to fix the whole issue.

Topic		Replies	Views
Problem Starting sidemenu app ionic ionic-v3	3	1567	June 29, 2017
Problem Start ionic Application ionic-v3	1	951	July 19, 2021
Npm ERR! enoent ENOENT: no such file or directory ionic-v3	11	18756	June 30, 2017
Unable to create a new Ionic app ionic-v3	2	1385	July 31, 2017
Ionic v2 error at start ionic-v3	3	1557	March 23, 2016

$ ionic start fails due to missing ionic-angular module

Related topics