ERROR @ionic/app-scripts is required for ionic serve to work properly

Question

I have cloned the my old project and run npm install and after that i run ionic serve

And i found this error

[ERROR] @ionic/app-scripts is required for ionic serve to work properly.

Looks like @ionic/app-scripts isn't installed in this project.

This package is required for ionic serve in ionic/angular 4 projects.

What have you tried so far? I've used google for some research and directly found some approaches — Nico Haase, Jun 28 '18 at 11:25
What about the solution given at https://stackoverflow.com/questions/41566420/symfony-workflow-component-and-security-voters? — Nico Haase, Jun 28 '18 at 11:32

score 18 · Accepted Answer · edited Aug 28 '18 at 11:51

18

To solve the above issue following below commands :

npm install --rebuild
npm install node-sass --rebuild
npm install @ionic/app-scripts@latest --save

edited Aug 28 '18 at 11:51

Pierre.Vriens

2,117
75
29
42

answered Aug 05 '18 at 05:50

Abdullah

2,393
1
16
29

1

Hi @Garry - as per the my understanding, some of the version does not match with the current app-script files, thus first we rebuild the npm, then after we rebuild the node-sass because of it install or modify the current package.json files and in last step we install latest app-script file – Abdullah Aug 28 '18 at 11:05
@Pierre.Vriens sorry but solution is more important then focus on other things – Abdullah Aug 28 '18 at 11:07
2

should be --save-dev for `app-scripts` to not be included in the production bundle – ciekawy Feb 13 '19 at 14:11

score 12 · Answer 2 · answered Jul 27 '18 at 07:32

12

Your question's title itself has the answer.

Try to install the following

npm install @ionic/app-scripts@latest --save-dev

answered Jul 27 '18 at 07:32

deen

2,185
7
29
53

score 4 · Answer 3 · answered Jul 31 '18 at 21:47

4

I ran into this after updating to Ionic 4. I ended up having to downgrade.

https://github.com/ionic-team/ionic-cli/issues/3399

answered Jul 31 '18 at 21:47

Kent

41
1

score 3 · Answer 4 · edited Jul 29 '18 at 00:18

3

delete your node_modules folder

Run:

npm install

wait until it finishes. Now you could run your project with:

ionic serve -l

edited Jul 29 '18 at 00:18

Stephen Rauch

47,830
31
106
135

answered Jul 28 '18 at 23:59

tnfaid

61
4

score 2 · Answer 5 · answered Aug 01 '18 at 13:01

2

Exit the command panel and reopen again. then its works.

answered Aug 01 '18 at 13:01

user3760548

33
1
5

score 2 · Answer 6 · answered Aug 18 '18 at 06:43

2

Run:

npm update

that will make everything fine.

answered Aug 18 '18 at 06:43

chotya

91
5

score 0 · Answer 7 · edited Jul 30 '18 at 00:09

0

In addition to deleting node_modules and running npm install as mentioned by @tnfaid, I also deleted package-lock.json file just to be sure. Also ran npm audit fix, to resolve any vulnerabilities. This worked for me.

edited Jul 30 '18 at 00:09

Stephen Rauch

47,830
31
106
135

answered Jul 29 '18 at 23:47

smons

65
1
6

Why then didn't you upvote @tnfaid's answer? Could go a long way in helping someone – Cedric Ipkiss Aug 11 '18 at 22:18

score 0 · Answer 8 · answered Mar 09 '19 at 17:04

This happened to me when I upgraded from Ionic 3 to 4. The problem is that package.json and ionic.config.json both changed from 3 to 4. So when you do your copy-paste actions you have to be careful.

Ionic.config.json type should be `angular` (used to be "type": "ionic-angular")

{
  "name": "myProjectName",
  "integrations": {
    "cordova": {}
  },
  "type": "angular"
}

package.json scripts now follow angular style

You may have had something like this

"scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint --bailOnLintError true",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve",
    "ionic:watch:before": "node ./bin/pre-build.js",
    "ionic:build:before": "node ./bin/pre-build.js"
},

That should now changed to standard angular in Ionic 4:

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

score 0 · Answer 9 · answered Oct 16 '19 at 05:53

In package.json

"scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  }

delete '"ionic:serve": "ionic-app-scripts serve"', save it and execute ionic serve. It should work now. After that, you can add "ionic:serve": "ionic-app-scripts serve" back.

score 0 · Answer 10 · edited Nov 16 '19 at 07:45

0

Try installing by running the following command:

npm i -D -E @ionic/app-scripts

edited Nov 16 '19 at 07:45

SuleymanSah

17,153
5
33
54

answered Nov 16 '19 at 06:51

Supriya

481
5
5

score 0 · Answer 11 · edited Nov 29 '19 at 15:14

0

After some research I found out that it was a permission problem.

In my case I solved it in a different way. I had to change permission and then update

sudo chown -R thiagodias:thiagodias /Documents/ionic_workspace
:~/Documents/ionic_workspace/test$ sudo npm install @ionic/app-scripts@latest

edited Nov 29 '19 at 15:14

geisterfurz007

5,292
5
33
54

answered Nov 29 '19 at 15:12

Thiago Dias

1

ERROR @ionic/app-scripts is required for ionic serve to work properly

11 Answers11

Ionic.config.json type should be angular (used to be "type": "ionic-angular")

package.json scripts now follow angular style

Ionic.config.json type should be `angular` (used to be "type": "ionic-angular")