Vue build 오류 질문입니다.

Question

vue create projectName 으로 신규 프로젝트를 만든 후 vue.config.js 생성해서 module.exports &#61; { publicPath: './' }를 추가하였습니다. css,js 는 상대경로로 잘 불러지는데 이상하게 .vue 파일만 빌드가 안된채로 적용이 안됩니다 ㅠㅠ npm run serve 로 구동 후 localhost:8080 으로 접근했을때는 당연하지만 잘 나옵니다.. npm run build 후 dist 폴더에 index.html을 작동시키면 이런 모습입니다. HelloWorld.vue 파일은 빌드가 안되있습니다. 혹시 몰라서 &#64;/components/HelloWorld 상태에서도 빌드 해보고 import HelloWorld from '../components/HelloWorld' 상태에서도 빌드해봤지만 여전히 안녕세계.Vue 만 못불러옵니다 ㅠㅠ 원인이 따로 있나요 ㅠㅠ

데굴데굴 · Answer

빌드 결과 물을 서버에 올리고 접속해보시죠

TeraGo · Answer

절대경로가 아닌 상대경로를 적용해야 해서요 ㅠㅠ css, js 같은건 불러지는데 vue 만 안불러집니다 ㅠㅠ vue cli 2 는 상대경로 적용해서 어디든 올리면 작동하는것을 확인했습니다. vue cli 3 버전에서는 다른 파일은 다 불러지는데 vue 파일만 로더가 안됩니다.

데굴데굴 · Answer

스크린샷을 보니 질문자님은 빌드된 결과물을 로컬에서 직접 index.html 파일 실행을 원하시는건가요? - 컴퓨터상에서 파일 전체 경로? 라우터에서 home/about 위치를 못 찾을거 같은데요

Vue build 오류 질문입니다.

3개의 답변

#vue3.0 목록