해결된 질문
작성
·
2.2K
1
안녕하세요.
https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript
위의 링크의 정규표현식을 긁어서 붙이면 아래와 같이 에러가 뜹니다.
ERROR Failed to compile with 1 errors 9:02:31 PM
error in ./src/utils/validation.js
Module Error (from ./node_modules/eslint-loader/index.js):
error: Unnecessary escape character: \[ (no-useless-escape) at src/utils/validation.js:2:22:
1 | function validateEmail(email) {
> 2 | var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}
\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
| ^
3 | return re.test(String(email).toLowerCase());
4 | }
5 |
error: Unnecessary escape character: \[ (no-useless-escape) at src/utils/validation.js:2:47:
1 | function validateEmail(email) {
> 2 | var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}
\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
| ^
3 | return re.test(String(email).toLowerCase());
4 | }
5 |
2 errors found.
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LoginForm.vue?vue&type=script&lang=js& 19:0-51 30:13-26
@ ./src/components/LoginForm.vue?vue&type=script&lang=js&
@ ./src/components/LoginForm.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/LoginPage.vue?vue&type=script&lang=js&
@ ./src/views/LoginPage.vue?vue&type=script&lang=js&
@ ./src/views/LoginPage.vue
@ ./src/routes/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.219.108:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
ESLint에 의한 에러같아요.
정규표현식이 올바르게 입력됐다는 걸 가정하에 ESLint가 에러로 잡지 않게 만들면 됩니다.
ESLint가 에러로 잡지 않도록 변수로 지정한 정규표현식 윗 줄에
// eslint-disable-next-line
을 넣으면 에러로 처리되지 않고 실행됩니다.
방금 알게됐는데 아래 강의에 나와있어요.
다다다음 강의 "메인 페이지 개발을 위한 브랜치 안내 및 코드 정리" 확인하세요.