ERROR TypeError: transpileDependencies.map is not a function 수정

vue-cli-service 를 설치하고 빌드를 진행하는데 다음과 같은 오류가 발생했다.

D:\workspace4\test-webapp>vue-cli-service build --mode=alpha
 ERROR  TypeError: transpileDependencies.map is not a function
TypeError: transpileDependencies.map is not a function
    at genTranspileDepRegex (D:\workspace4\test-webapp\node_modules\@vue\cli-plugin-babel\index.js:6:38)
    at module.exports (D:\workspace4\test-webapp\node_modules\@vue\cli-plugin-babel\index.js:22:29)
    at C:\Users\boos\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:82:9
    at Array.forEach (<anonymous>)
    at loadedCallback (C:\Users\boos\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:80:20)
    at Service.init (C:\Users\boos\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:97:14)
    at Service.run (C:\Users\boos\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:247:16)
    at Object.<anonymous> (C:\Users\boos\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js:37:9)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)

package.json 내용은 다음과 같다.

 ...,
 "devDependencies": {
    "@vue/cli-plugin-babel": "~4.3.0",
    "@vue/cli-plugin-eslint": "~4.3.0",
    "@vue/cli-plugin-pwa": "^4.3.1",
    "@vue/cli-service": "~4.3.0",
    "babel-eslint": "^10.1.0",
    "deepmerge": "^4.2.2",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "sass": "^1.32.8",
    "sass-loader": "^11.0.1",
    "vue-masonry-css": "^1.0.3",
    "vue-template-compiler": "^2.6.11"
  },
  ...

https://stackoverflow.com/questions/71336975/npm-error-transpiledependencies-map-is-not-a-function 에서 오류 내용을 확인해보니 "@vue/cli-plugin-babel": "~4.3.0", 을 "5.0.0" 으로 바꾸면(변경후 npm install) 해결이 된다.

 

참고 :

https://cli.vuejs.org/guide/mode-and-env.html