본문 바로가기
반응형

💻 개발IT/Vue.js

[Vue] process.env undefined 오류
💻 개발IT/Vue.js 2022. 9. 7. [Vue] process.env undefined 오류 vue에서 process.env의 변수가 undefined 되는 문제가 있었다. 확인해보니 변수명의 prefix가 있어 VUE_APP_* 로 변수명을 바꾸면 해결 https://cli.vuejs.org/guide/mode-and-env.html#using-env-variables-in-client-side-code Modes and Environment Variables | Vue CLI Modes and Environment Variables Modes Mode is an important concept in Vue CLI projects. By default, there are three modes: development is used by vue-cli-service servetest is used..
[Vue] Property or method * is not defined on the instance but referenced during render.
💻 개발IT/Vue.js 2022. 9. 6. [Vue] Property or method * is not defined on the instance but referenced during render. 속성을 정의하지 않았는데 화면에 렌더링되려고 할 때 아래와 같은 에러가 나타난다. Property or method * is not defined on the instance but referenced during render. 이 에러는 보통 정의하지 않은 경우나 오타 등 다양한 원인으로 나타나게 되는데, 나는 아래 "items"에서 에러가 났었다. import { reactive } from '@vue/composition-api' export default { setup(props) { const state = reactive({ items: null }), return { state } } } 이 경우에 리턴문을 아래와 같이 변경하든지, return { ...toRefs(state) } templ..
[npm] read-shrinkwrap This version of npm is compatible with lockfileVersion@1,
💻 개발IT/Vue.js 2022. 8. 31. [npm] read-shrinkwrap This version of npm is compatible with lockfileVersion@1, npm install 할 때, npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but npm-shrinkwrap.json was generated for lockfileVersion@2. I'll try to do my best with it! 위와 같은 에러 발생. npm version이 6.14.4이라 lockfileVersion 1을 호환해야하는데 해당 프로젝트는 lockfileVersion 2라서 생기는 문제로 npm version을 7 또는 8로 업그레이드 하면 된다. npm install --g npm
Vue lifecycle 수명주기
💻 개발IT/Vue.js 2022. 8. 11. Vue lifecycle 수명주기 setup beforeCreate 인스턴스 초기화된 후 호출 data()와 computed와 같은 옵션을 처리하기 전 호출되기 때문에 접근 불가 created data, computed, method, watch 가 설정된 후 호출 mounting 단계가 시작되지 않았으므로 '$el' 속성 사용 불가 아직 DOM에는 추가되지 않은 상태이므로 과 가상 DOM에 접근 불가 보통, data 세팅 및 event listener 선언 사용 beforeMount 컴포넌트가 mount되기 직전, 태그 컴파일 후 호출 템플릿을 렌더링 한 상태로, 가상 DOM이 생성되었으나 아직 실제 Dom 노드가 생성되지 않았음 초기 렌더링 직전에 DOM을 변경하고자 하는 경우 사용 mounted 컴포넌트가 mount트된 후 호출 *..
반응형

티스토리툴바