inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 시작하기 - Age of Vue.js

vue.js 실행에 대해 질문 드립니다.

607

이승환

작성한 질문수 4

1

"start": "npm run dev",

로 실행 시,

/usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run start --scripts-prepend-node-path=auto

> vue_frontend@1.0.0 start /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend

> npm run dev

> vue_frontend@1.0.0 dev /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend

> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

internal/modules/cjs/loader.js:985

  throw err;

  ^

Error: Cannot find module '/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/build/webpack.dev.conf.js'

Require stack:

- /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js

- /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack-dev-server/bin/webpack-dev-server.js

    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:982:15)

    at Function.Module._load (internal/modules/cjs/loader.js:864:27)

    at Module.require (internal/modules/cjs/loader.js:1044:19)

    at require (internal/modules/cjs/helpers.js:77:18)

    at requireConfig (/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js:97:18)

    at /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js:104:17

    at Array.forEach (<anonymous>)

    at module.exports (/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js:102:15)

    at Object.<anonymous> (/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack-dev-server/bin/webpack-dev-server.js:223:50)

    at Module._compile (internal/modules/cjs/loader.js:1158:30) {

  code: 'MODULE_NOT_FOUND',

  requireStack: [

    '/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js',

    '/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack-dev-server/bin/webpack-dev-server.js'

  ]

}

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! vue_frontend@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`

npm ERR! Exit status 1

npm ERR! 

npm ERR! Failed at the vue_frontend@1.0.0 dev script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

npm ERR!     /Users/seunghwanlee/.npm/_logs/2020-04-19T00_05_06_364Z-debug.log

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! vue_frontend@1.0.0 start: `npm run dev`

npm ERR! Exit status 1

npm ERR! 

npm ERR! Failed at the vue_frontend@1.0.0 start script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

npm ERR!     /Users/seunghwanlee/.npm/_logs/2020-04-19T00_05_06_384Z-debug.log

Process finished with exit code 1

OS는 맥 환경에서

위와같이 모듈이 없다는 에러가 뜨는데 위와같은 문제를 어떻게 해결할 수 있나요??

javascript vuejs

답변 5

1

캡틴판교

다소 번거로우시겠지만 최신 CLI 버전으로 다시 프로젝트 생성하셔서 진행하셔야 할 것 같아요 :)

1

이승환

아. 그러면.. 다시 생성하지않고, CLI 버전(2.x)으로 프로젝트가 이미 생성된 가운데 CLI 버전만 최신버전으로 진행하여 그대로 사용할 수 있는 방법있나요?

혹시나해서  프로젝트 경로에 npm update @vue/cli 진행해도 안되더라구요..

1

이승환

아하.. 답변 감사합니다!!

1

캡틴판교

안녕하세요 승환님, 말씀해주신 CLI 시작 명령어를 보니 예전 CLI 버전(2.x)으로 프로젝트를 생성하신 것 같습니다. CLI 버전을 최신으로 설치하시고 다시 프로젝트 생성하시면 npm run serve로 안내가 되어 있을거에요. 제 시작하기 강의 내용 참고하셔서 다시 진행해보시면 될 것 같습니다 :)

0

이승환

답변 감사합니다.^ ^

개발자 툴에서 Vue가 표시되지 않는 현상.

0

90

2

chrome 확장 devtools 버전 문제

0

79

1

Vue.js not detected가 자꾸 뜹니다

0

78

2

마지막 강의가 안되요

0

54

1

data, computed, watch > Reactivity

0

48

1

f12누르고 개발자도구에 vue 탭이 안생겨요

0

87

1

vue composition api

0

72

1

강의 자료 다운이 될까요?

0

127

1

개발자 도구에서 뷰탭이 안보여요....

0

578

3

프롭스 데이터 질문입니다.

0

111

1

component.html:11 Uncaught ReferenceError: Vue is not defined at component.html:11:20 (anonymous) @ component.html:11

0

139

1

화면이 안떠요,, 이전 이후 강의는 뜨는데..

0

235

6

크롬 확장 프로그램 vue devtools 설치했는데

0

524

2

코드를 수정하고 브라우저의 Vue로 넘어가면 다운이 됩니다.

0

239

1

버튼을 클릭해도 event가 발생하지 않습니다.

0

309

1

vue3 css 경로 표시 문의

1

229

2

개발자도구 vue탭

0

354

1

화면 코드 보기

1

223

2

App.vue 내용 변경했는데 창이 연결할수없대요ㅜㅜ

1

380

2

html/css/js로 작성된 코드를 vue.js로 일부 전환하고자 이 강의를 듣기 시작했습니다.

1

881

2

{{ num }} 이 <app-content> 아래에 들어가 있을때에는 노출이 안됩니다...

1

284

2

뷰 개발자도구 이벤트 타임라인 어느 부분에서 확인가능한건가요

1

397

2

다음 단계 강의는...?

1

383

2

버튼을 눌러도 data의 값이 변경되지 않습니다

1

274

2