vue Blog 라우터 대한 오류

[유현국]

처음 에러

node_modules/vue-router 관련 에러가 발생

WARNING Compiled with 17 warnings 11:40:21 PM
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'computed' was not found in 'vue'

warning in ./src/main.js

"export 'createApp' was not found in 'vue'

warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

"export 'defineComponent' was not found in 'vue'

아래 방법으로 조치하였더니 문제가 변경됨

You should uninstall the current vue version and install the new one :

npm uninstall vue -S

then

npm install vue@next -S

새로운 에러

warning in ./src/main.js

"export 'default' (imported as 'Vue') was not found in 'vue'

구글링해보니 vue3에서는 export default를 더이상 사용하지 않는다고 하는데
vue2문법이라고... 현재 강의는 vue3를 기반으로 하는데, 그러면 어떻게 변경해야하는지 궁금합니다.

[codingapple]

어떤 코드를 수정했더니 저렇게 된 것입니까

뭐 안건드리고 라이브러리 자체 에러같은 경우엔 vue 프로젝트 다시 새롭게 설치하고 소스코드만 옮기는게 가장 빠릅니다 

[유현국]

vue 프로젝트 3번째 새롭게 설치하고 소스코드 옮겼습니다. 하지만 계속 똑같은 에러가 떠서 이런 경우에는 어떻게 하는게 좋을까요?
 

[codingapple]

설치할 때 어떤 명령어들 쓰셨나요

@vue/cli는 몇버전인가요

vue 프로젝트 만들 때 2버전 말고 3버전 선택하셨나요 

[유현국]

네 3버전 선택하였고 @vue/cli 버전는 4.5.14 입니다
 

[codingapple]

package.json에 적힌 vue router는 몇버전이고 라우터 셋팅할 때 코드는 어떻게 쓰셨습니까

[유현국]

버전 = vue-router v4.0.12 라우터 셋팅할 때 쓴 코드 = npm install vue-router@4 입니다

[codingapple]

라우터 셋팅할 때 main.js 코드는 어떻게 쓰셨습니까

[유현국]

main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false

new Vue({
router,
render: h => h(App),
}).$mount('#app')

[유현국]

저의 소스코드 입니다

 

[글쓴이]

글