vuejs 1

이지훈·2022년 11월 14일
0

vue

목록 보기
1/1

vuejs 설치하는데 에러 solve 방법 정리

  1. vue add vuetify

이거 해서 vuetify 설치 후 , Choose a preset: Vuetify 2 - Vue CLI 를 했더니

Error: You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists.

위 에러가 나온다.


해결방법

우선 main.js 파일에 코드 추가

import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'

createApp(App)
  .mount('#app')
  
new Vue({
    vuetify,
    render: h => h(App)
}).$mount("#app");

위 같이 추가한다.

그리고 vuetify 버전을 3을 골라야한다. 2 고르면 에러남

Vuetify 3 - Vue CLI preview 라고 버전 3을 고름

그러면

정상적으로 설치가 되면서 main.js 코드가 아래처럼 바뀌어있다.

import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'
import { loadFonts } from './plugins/webfontloader'

loadFonts()

createApp(App)
  .use(vuetify)
  .mount('#app')

npm run serve로 정상적으로 되는 지 확인해보면 된다.

profile
꾸준하게 🐌

0개의 댓글