[Ionic] app-scripts 모듈을 찾을 수 없을 때

ionic app이 initialize되는 과정에서 npm install만 하기 때문에, 발생하는 문제이다.

app 폴더에 가서 package.json파일을 열어보면 아래와 같이 "devDependencies"라고 적혀있는 부분이 별도로 존재하는데, npm install 명령어로 설치 시에 얘네들이 빠져서 설치가 되버림.

{
  "name": "helloIonic",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "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"
  },
  "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/core": "4.3.0",
    "@ionic-native/splash-screen": "4.3.0",
    "@ionic-native/status-bar": "4.3.0",
    "@ionic/storage": "2.0.1",
    "ionic-angular": "3.7.1",
    "ionicons": "3.0.0",
    "rxjs": "5.4.3",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.0.0",
    "typescript": "2.3.4"
  },
  "description": "An Ionic project"
}

아래 명령어를 입력하여, devDependencies에 있는 모듈들도 설치를 해주면 해결이 된다.

$ npm install --only=dev

매번 저렇게 해주는 게 귀찮을 수 있으니, 프로젝트를 자주 만들어야 한다면, 아예 글로벌로 설치해버리는 것도 답이다.