FrontEnd(Vue, Javascript, JQuery)/Vue_Error (3) 썸네일형 리스트형 Component name "Header" should always be multi-word 이전 프로젝트에서는 처음에 꼭 multiple-word가 아니어도 되도록 설정했었다. 그러나 ESLint 규칙 중 'vue/multi-word-component-names'는 Component의 이름을 단일 단어로 하면 안됐다. 이미지와 같이 multi-word로 바꾸니 해결됐다. [vue/no-multiple-template-root]The template root requires exactly one element 제목과 같은 에러가 났다. 원인은 다음과 같다.Vue.js에서 "The template root requires exactly one element."라는 에러가 발생하는 경우는 보통 Vue 컴포넌트의 템플릿에서 두 개 이상의 최상위 요소가 있는 경우이다. Vue는 각 컴포넌트의 템플릿이 하나의 루트 요소로만 구성되어야 한다고 요구합니다. 다음 그림을 보면 이해가 갈 것이다.img태그, Helloworld 태그가 있다. 그러므로 두 개의 최상위 요소가 있는 것이다. 저렇게 나오는 것이다.그냥 div 태그로 하나로 감싸면 최상위 태그는 div하나가 되기 때문에 해결된다. Parsing error: No Babel config file detected for C:\ToyProject2\savefront\babel.config.js. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files.eslint vue 프로젝트를 만드니 저런 에러가 떴다.우선 에러의 의미를 직역하자면 "babel.config.js 파일을 찾지 못해"라는 것이다. 근데 루트 경로에 분명히 babel.config.js가 있다. 원인은 다음과 같다. vue-eslint-parser 파서에 의해 발생. App.vue가 Babel에 처리하는 형식으로 변환되지 않아서 발생함.Babel : 최신 문법을 이전 버전의 브라우저에서도 동작할 수 있는 버전의 자바스크립트 코드로 변환해주는 도구ESLint : 자바스크립트 코드에서 잠재적인 오류를 찾고, 일관된 코딩 스타일을 유지하기 위한 정적 코드 분석 도구 주로 나와있는 해결 방법은 두 개다. 1) .eslintrc.js 다음 이미지로 예시를 들면서 설명하겠다. 프로젝트에 .js 파일을 새로 .. 이전 1 다음
