소개

최근 프런트 엔드 공부를 시작했습니다.
Vue? 뭐야? 부터 둘째 날입니다.

Qiita의 투고도 markdown 기법도 처음이므로 간결하게.

그물에서 주운 튜토리얼을 끝내고, build 해 보는가라고 여기에서 표제의 에러.

환경

vue-cli 4.2.3

오류 내용

Vue UI에서 build 런타임 출력

$ vue-cli-service build --mode production --dest dist --target app --dashboard

- Building for production...

ERROR Error: No module factory available for dependency type: CssDependency
Error: No module factory available for dependency type: CssDependency
...
...

콘솔에서 npm run build가 성공적으로 종료되지만 UI에서 빌드하면 오류가 발생합니다. 왜다.

원인

실제의 패스와 Vue UI가 인식하고 있는 패스가 다른 것이 원인인 것 같다.
참고 : Error: No module factory available for dependency type: CssDependency #5154

문제가 있었던 것은 아래 프로젝트.C:\Users\...\Vue_CrashCourse\vue_realtime_chat 가 올바른 경로.
Vue UI에서 프로젝트를 만든 후 직접 폴더 이름을 바꾼 것이 나빴다.

해결책

다시 가져옵니다.

serve는 움직이기 때문에 「왜 어째서」였지만, 심플한 실수였습니다.
인터넷 정보라면 webpack이거나, vueRouter의 mode가 원인이 될 수 있는 것 같다.

이상.
Vue 재미 있네요.