inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 시작하기 - Age of Vue.js

v-model 속성과 submit 이벤트 처리

console.log 오류 질문드립니다...!

1213

한아링

작성한 질문수 23

3

console error

console.log 입력시에는 오류가 뜹니다 ㅠㅠ 

해결 방법이 있을까요..?

* 추가내용

검색해보니깐

/* eslint-disable no-console */  해당 주석을 달라고 되어있어서 했더니 오류는 사라졌습니다!

그런데 쌤은 저 주석을 안붙이신거같은데 저만 오류나는 이유가 있을까요..?! 

vuejs javascript

답변 3

3

캡틴판교

안녕하세요 조아라님, 좋은 질문 주셔서 감사합니다 :)

안그래도 최근에 뷰 CLI 버전이 올라가면서 명령어 실행 창에서만 나던 ESLint가 화면에까지 표시되고 있습니다. 때마침 잘 질문해주셔서 강좌 설명란에 해결 방법을 적어놨어요. 보시고 안되시는거 있으면 알려주세요 :)

그리고 말씀해주신 `eslint-disable no-console` 방법도 좋은 해결방법이지만 더 편한 방법은 프로젝트에 뷰 설정 파일인 `vue.config.js`을 생성해서 아래 내용을 추가하는 것입니다 :)

module.exports = {
  devServer: {
    overlay: false
  }
}

그럼 남은 강좌도 재밌게 들으세요 :)

2

한아링

말씀해주신대로 하니깐 해결되었습니다. 감사합니다^^

0

박균재

바로 답변 주셔서 감사합니다. 

그런데 말씀 하신데로  `vue.config.js` 파일을 생성하고 위의 내용을 복사해서 넣어도 결과는 동일합니다.

그래서 App.vue 소스 파일에  /* eslint-disable no-console */ 내용을 1 line 추가했더니 오류가 없어집니다.

methods: {

    loginUser() {
      axios.get('https://jsonplaceholder.typicode.com/users/1')
        .then(response => {
            /* eslint-disable no-console */ 
            if (response.data.id === 1) {
              axios.get('https://jsonplaceholder.typicode.com/todos')
               .then(response => { 
                  console.log('test'response);
               }) 
              .catch(error => console.log(error));
            }
        })
        .catch(error => console.log(error));
    }
 }

강의 내용의 "vue-advanced"에서는 이런 오류가 없었는데, 신규로 뷰를 생성해서 async-await 강의 단계에서는 왜이런 현상이 발생하는지 궁금합니다. package를 추가로 더 설치를 해야되는건지요? 

vue를 처음 배우고 있는 단계라 궁금해서 여쭈어 봅니다.

개발자 툴에서 Vue가 표시되지 않는 현상.

0

93

2

chrome 확장 devtools 버전 문제

0

81

1

Vue.js not detected가 자꾸 뜹니다

0

83

2

마지막 강의가 안되요

0

57

1

data, computed, watch > Reactivity

0

51

1

f12누르고 개발자도구에 vue 탭이 안생겨요

0

89

1

vue composition api

0

73

1

강의 자료 다운이 될까요?

0

128

1

개발자 도구에서 뷰탭이 안보여요....

0

586

3

프롭스 데이터 질문입니다.

0

113

1

component.html:11 Uncaught ReferenceError: Vue is not defined at component.html:11:20 (anonymous) @ component.html:11

0

140

1

화면이 안떠요,, 이전 이후 강의는 뜨는데..

0

236

6

크롬 확장 프로그램 vue devtools 설치했는데

0

532

2

코드를 수정하고 브라우저의 Vue로 넘어가면 다운이 됩니다.

0

243

1

버튼을 클릭해도 event가 발생하지 않습니다.

0

310

1

vue3 css 경로 표시 문의

1

231

2

개발자도구 vue탭

0

356

1

화면 코드 보기

1

226

2

App.vue 내용 변경했는데 창이 연결할수없대요ㅜㅜ

1

384

2

html/css/js로 작성된 코드를 vue.js로 일부 전환하고자 이 강의를 듣기 시작했습니다.

1

886

2

{{ num }} 이 <app-content> 아래에 들어가 있을때에는 노출이 안됩니다...

1

288

2

뷰 개발자도구 이벤트 타임라인 어느 부분에서 확인가능한건가요

1

401

2

다음 단계 강의는...?

1

387

2

버튼을 눌러도 data의 값이 변경되지 않습니다

1

277

2