App.vue에서 data를 입력하면 localhost에서 연결을 거부합니다!ㅠㅠ

Question

안녕하세요 선생님! 강의 싱글파일컴포넌트 부분을 수강하던 중에 App.vue 파일에서 data를 다음과 같이 입력하면 localhost에서 연결을 거부합니다 ㅠㅠ 이부분에서 계속 막혀서 헤매고 있어요 도와주세요 ㅠㅠ... export   default  {    data :   function () {      str :  "hi" ;   } }; 강의와 관련있는 질문 을 남겨주세요. &bull; 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등) &bull; 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색 을 해주세요. (중복 질문을 자제해주세요.) &bull; 서비스 운영 관련 질문은 인프런 우측 하단 &lsquo;문의하기&rsquo; 를 이용해주세요.  (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달 에도 요령이 필요합니다. &bull; 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요. &bull; 강의실 페이지 (/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다. &bull; 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재 해주세요.  &bull; 수업 특정 구간에 대한 질문은 꼭 영상 타임코드 를 남겨주세요! 구체적인 질문 일수록 명확한 답을 받을 수 있어요. &bull; 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요. &bull; 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요 . &bull; 정확한 질문 내용과 함께 코드 를 적어주시거나, 캡쳐 이미지 를 첨부하면 더욱 좋습니다. 기본적인 예의 를 지켜주세요. &bull; 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다.  &bull; 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요.  &bull; 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용 은 스팸 처리 등 제재를 가할 수 있습니다.

캡틴판교 · Answer

안녕하세요 현정님, 제가 질문 확인이 늦었네요 ㅜㅜ 첨부해주신 코드는 data 속성의 구조가 아래와 같이 변경되어야 합니다 :) data: funtion() {   return {     str: 'hi';   } } 로컬호스트에서 거부된다는 말씀은 ESLint 에러가 떠서 그런거 같은데 강의 내용 따라가보시면 ESLint의 오류를 끄는 방법에 대해서 안내가 될 거에요 :) 수강해주셔서 감사합니다