잡히지 않은 TypeError: 정의되지 않은 속성을 읽을 수 없습니다('사용 중' 읽기).

Question

vue js를 사용하여 새 프로젝트를 시작하려고 합니다. 터미널을 통해 필요한 모든 종속성이 있다고 생각합니다. npm, vue, vue-bootstrap 및 vue-router를 설치했습니다. 오류는 Vue.use(VueRouter)의 7행인 router.js에서 발생합니다.

이것은 내 main.js의 코드입니다

으아악

이것이 내 router.js입니다

으아악

죄송합니다. import vue 줄을 코드 표시와 같은 줄에 넣었는데 잘렸는데 여전히 오류가 뜹니다.

전체 오류는 다음과 같습니다.

import Vue from "vue"
import App from "./App.vue"
import router from "./router.js"
import BootstrapVue from "bootstrap-vue"
import "bootstrap/dist/css/bootstrap.css"
import "bootstrap-vue/dist/bootstrap-vue.css"

Vue.use(BootstrapVue)

Vue.config.productionTip = false

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

Answer 1

vue 3을 사용하여 애플리케이션을 만들려면 새 vue 인스턴스를 만드는 대신 Vue.createApp 메서드를 사용해야 합니다.

으아악

는 다음과 같이 됩니다:

으아악

렌더링 API도 변경되었으며 2시간 만에 args가 함수에 주입되었으므로 이제 vue에서 가져와야 한다는 점을 명심하세요. 예:

으아악

문서에 대한 추가 정보: 여기.

업데이트되었습니다. 의견에서 요청한 대로 vue 3에서 플러그인을 사용하는 방법을 포함하도록 예제를 확장했습니다.

여기 예시로 돌아가서, 플러그인을 사용하려면 플러그인을 설치하기 전에 .use 메소드를 추가해야 합니다. 예:

으아악

Answer 2

Hiws의 답변:

감사합니다.