![]()
공부하면서 vue router 설치 후 index.vue를 하나 만들었는데 Component name "index" should always be multi-word. 이런 에러가 발생... 에러 읽어보니 컴포넌트 이름 index를 2개 단어를 사용해야 한다는데.. 그냥 index.vue가 깔끔한데 단어 하나 더 붙이라니.... 그래서 좀 찾아보니 1. 2단어를 해서 뭐 firstIndex.vue 이런 식으로 수정해도 되고 2. .eslintrc.js 파일의 rule 부분에 vue/multi-word-component-names 규칙을 off로 변경해 주면 된다고 해서 2번 방법을 선택! rules: { "vue/multi-word-component-names": "off"//eslint의 기본 규칙이 ..
![]()
개발 중에 json-server --watch db.json 위 명령어를 사용하여 json-server : 이 시스템에서 스크립트를 실행할 수 없으므로~~ 이런 에러가 발생했다... 그래서 찾아보니 작업표시줄에서 powershell 검색해서 관리자 권한으로 실행한 다음에 아래와 같이 명령어 입력 후 Y PS C:\WINDOWS\system32> executionpolicy Unrestricted PS C:\WINDOWS\system32> set-executionpolicy unrestricted 실행 규칙 변경 실행 정책은 신뢰하지 않는 스크립트로부터 사용자를 보호합니다. 실행 정책을 변경하면 about_Execution_Policies 도움말 항목(https://go.microsoft.com/fwlin..
![]()
vue를 공부하던 도중에 The template root requires exactly one element. 위와 같은 오류가 발생하였다.. vue2에서는 root div 태그가 필수적이었는데, vue3 로 넘어오고나서 부터는 root div 태그를 사용하지 않아도 된다고 알고 있는데 왠 root element가 필요하다고 하는지... 그래서 알아보니 추가로 설치한 vuter에서 vue3를 여전히 vue2로 인식을 하고 있는것 같다는 글을 발견하여 vuter 를 삭제하고 voalr를 설치! Volar 를 설치하고 vscode를 재시작 하니 해당 에러는 발생안하고, root div 태그가 없어도 문제없이 코드가 동작하는 것을 확인하였습니다.
![]()
Vue.js를 공부해 보려고 프로젝트하나 만들어서 해보는데 맨 위에 Parsing error: No Babel config file detected for C:\vueJs\vue_project\src\App.vue. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files. 이런 에러가 발생한다... 발생 원인은 Babel config 파일이 탐지되지 않아서 파싱에러가 발생된 것으로 확인이 되는데.. 이걸 해결하려면 어떻게 해야할지 알아보니 root 경로에 .eslintrc.js 파일을 생성 후 module.exports = { root: tr..
![]()
cmd 창을 켜서 vueJS를 설치할 위치로 이동한 다음 vue cli 설치 1. vue cli 설치 install -g @vue/cli 를 입력해 줍니다. 위와 같이 설치가 완료되면 2. vue 설치버전 확인 vue --version 이렇게 입력해서 잘 설치가 되었는지 확인합니다. Vue 프로젝트 생성 1. vue 프로젝트 생성 프로젝트 생성할 위치로 가서 vue create 프로젝트명 이렇게 입력해 줍니다. 프로젝트 명에 대문자가 포함되어 있을 시에는 Warning: name can no longer contain capital letters 이런 에러가 발생하니 소문자로 해주시면 됩니다. 이런 식으로 preset을 선택하라고 나오는데 Default [Vue 3]로 선택을 해줬습니다. 그러면 아래와 ..
