CodeHoon

Vue.js 프로젝트를 webpack을 이용해 

npm run build

를 하였을 때 나타나는 경고 문구

WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment. You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/

webpack.config.js 에 어떤 모드로 프로젝트를 설정한것인지 기재를 안해놓았기 때문이다.

그렇기에 mode: 'production'  혹은 'development' 를 추가해주면 된다.

npm으로 생성한 프로젝트를 원하는 임의의 포트로 실행하는 방법

// 3100포트 번호로 해당 프로젝트 실행 
$ npm run serve -- --port 3100

■ 결과

localhost:3100  으로 해당 프로젝트가 실행됨

안녕하세요 상훈입니다.

그간 자주 npm run dev / npm run 에러가 발생하였었는데, 오늘에서야 진짜 이유를 알았습니다.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `mix`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ development 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! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ 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 i -g npm@latest

바로 npm의 최신 버전 설치였습니다.

제가 얼마전에 npm 설치를 했었기에 막연하게 최신버전이겠거니 해서 신경 자체를 안썼습니다.

그러나 오늘 알게되었습니다...... 후.... 깊은 brain crack이 찾아오네요 ㅎㅎ

화이팅입니다.

참고

안녕하세요 상훈입니다.

Laravel - vue 설치 중에 발생한 에러에 대한 해결방법을 포스팅하겠습니다.

총 2가지 방법으로 진행하도록 하겠습니다.

1. laravel mix 를 삭제하고 재설치.

2. node_modules 와 package_lock.json 을 삭제 후 재설치.

1번째 방법으로 해보시고, 안되시면 2번째 방법으로 진행하시길 바랍니다.

1. laravel mix 를 삭제하고 재설치.

$ npm remove laravel-mix

$ npm install laravel-mix --save-dev

$ npm install cross_env --save-dev

$ npm install && npm run dev

만약 안된다면,

2. node_modules와 package-lock.json 삭제 후 재설치

$ rm -rf ./node_modules

$ rm -rf ./package-lock.json

$ npm install && npm run dev

저는 1번 방법으로 됐을 때도 있고, 2번 방법으로 됐을 때도 있었습니다.

아무래도 다른 프레임워크 2가지를 함께 적용시키려고하다보니 충돌하면서 에러가 발생하는 것 같습니다.

이상으로 LARAVEL - VUE 설치 및 연동의 포스팅을 마치겠습니다.

감사합니다.