inflearn logo
강의

Course

Instructor

Vue.js Mastery - Everything You Need for Real-World Development

Things to consider when checking and setting up the Prettier plugin

eslint 와 prettier 설정시 오류

20684

career87

6 asked

2

Module Error (from ./node_modules/eslint-loader/index.js):

c:\Users\노군\Desktop\vue-endgame\vue-til\src\App.vue

   2:1   error  Replace `··` with `↹`                                                         prettier/prettier

   3:1   error  Replace `····` with `↹↹`                                                      prettier/prettier

   4:1   error  Replace `····` with `↹↹`                                                      prettier/prettier

   5:1   error  Replace `··` with `↹`                                                         prettier/prettier

   9:24  error  Replace `"./components/HelloWorld.vue"` with `'./components/HelloWorld.vue'`  prettier/prettier

  12:1   error  Replace `··name:·"App"` with `↹name:·'App'`                                   prettier/prettier

  13:1   error  Replace `··` with `↹`                                                         prettier/prettier

  14:1   error  Replace `····HelloWorld` with `↹↹HelloWorld,`                                 prettier/prettier

  17:7   error  'a' is assigned a value but never used                                        no-unused-vars

  17:8   error  Replace `=` with `·=·`                                                        prettier/prettier

  18:3   error  Insert `,`                                                                    prettier/prettier

  24:1   error  Replace `··` with `↹`                                                         prettier/prettier

  25:1   error  Replace `··` with `↹`                                                         prettier/prettier

  26:1   error  Replace `··` with `↹`                                                         prettier/prettier

  27:1   error  Replace `··` with `↹`                                                         prettier/prettier

  28:1   error  Replace `··` with `↹`                                                         prettier/prettier

  29:1   error  Replace `··` with `↹`                                                         prettier/prettier

✖ 17 problems (17 errors, 0 warnings)

  16 errors and 0 warnings potentially fixable with the `--fix` option.

 @ ./src/main.js 6:0-28 10:13-16

 @ multi (webpack)-dev-server/client?http://192.168.219.104:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

설정을 했는데 저런식으로 계속 오류가 뜨는데 뭐때문일까요?

vuex vuejs javascript

Answer 16

8

edu4

error  Replace `····` with `↹↹`

오류가 .eslintrc.js 에서 useTabs: true 로 설정되어 있어서 인듯 합니다.

동일 문제발생해서 , useTabs: false 로 바꾸고 npm run serve 했더니 오류가 뜨지 않습니다.

7

tothirty0689

저도 같은 현상 이어서... 삽질 좀 했는데..

아래 package.json 에서 eslint 버전 낮추고 npm install 다시 하니 되네요.... 참고 바랍니다.

"eslint""^5.16.0",

6

marvelOppa

vs code 맨 아래 부분 상태바에 eslint 가 붉은색으로 표시 되어있으면 클릭해서 활성화 시켜주시면 해결 됩니다...

방법 찾는데 3시간 걸렸네요. 

2

ajh31661037

저도 비슷한 증상에 윗분에 답변으로 수정은 되었는데 

아래 스샷 처럼 빨간줄에 마우스를 대고 제일아래  fix-all autho-fixable 를 선택하면 고쳐지더군요 혹시 자동으로 고쳐지는 설정은 어떻게 해야할까요? 제가 따로 놓친부분 있으면 말씀해주시면 감사하겠습니다.

1

af8000

이처럼 세팅은 동일 하게 다 했습니다.

1

af8000

동일한 문제입니다.

1번 2번 항목까지 모두 설정 했는데도 똑같이 나오네요

0

SangHyeon Jung

위와 같이 드래그 되어있는 부분을 추가해주니, 해결되네요. 아래 코드 복사해서 쓰세요 ~

  "editor.codeActionsOnSave": { "source.fixAll": true },
  "editor.formatOnSave": false,

0

jkkim74jk30646

머가 비활성화 일까요?? 캡처줌..

0

simpoly

ㅎㅎ 저도 eslint 꺼져있어서 좀 헤매다가 찾았네요 

0

daep93

진짜네요 귀신같이 해결되었습니다. 감사합니다!

0

qkrrlgh519

edu4님 감사합니다.

Replace `↹↹` with `····`eslintprettier/prettier

저도 이런 오류가 발생해서 useTabs:true 로 바꾸니 해결되었습니다.

0

furia09281076

저도 같은현상인데 위에 나와있는 내용 다 적용해봐도 자동으로 고쳐지는게 안됩니다.. 

그리고 package.json에 적혀있는 eslint 버전과 'npm eslint -v'  해서 나오는 버전이 다르게 나오는데 왜그런걸까요?

0

captain

@달마다서쪽님, 좋은 정보 공유해주셔서 감사합니다 :)

0

af8000

Failed to load plugin 'vue' declared in 'vue-til/.eslintrc.js': Cannot find module 'eslint-plugin-vue'
1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc).
2. If ESLint is installed globally, then make sure 'eslint-plugin-vue' is installed globally as well.
3. If ESLint is installed locally, then 'eslint-plugin-vue' isn't installed correctly.
이이런 매세지들도 있어요

0

captain

혹시 VSCode에서 Prettier를 제외한 기타 Format 관련 플러그인을 사용하고 계셔서 그럴 수도 있을 것 같아요. 괜찮으시다면 설치된 확장 플러그인 중에 Beautify와 같은 Formatting 기능을 하는 플러그인이 있는지 확인해보시고 설치가 되어 있으면 비활성화 또는 삭제해보시면 좋을 것 같습니다..! :)

0

captain

안녕하세요 career87님,

혹시 VSCode를 사용하고 계시나요? 만약 그렇다면 아래 2가지를 사용해보시면 좋을 것 같아요.

1. VSCode의 Prettier 플러그인이 비활성화되어 있는지

2. VSCode의 세팅 값 중 Format on save 속성 체크 값이 풀려 있는지

위 값들 확인해보시고 VSCode를 껐다가 킨 다음에 그래도 안되면 알려주세요 :)

강의 수강해주셔서 감사합니다!

node 10버전 사용

0

64

1

강의에 대해 질문 드립니다.

0

61

1

vue CLI 대신 vite를 사용해도

1

140

2

질문삭제

0

149

2

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

0

92

1

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

0

117

1

rndrmagkqslek.

0

73

1

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

0

104

1

axios 에러가 뜹니다.

1

237

2

vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들

2

312

1

vue 관련 다른 강의 출시예정이없으신지 궁금합니다!

1

154

1

AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면

1

195

1

vue3로 따라오시다가 import axios 에러 뜨시는 분들

2

445

2

$router 를 이용한 메인 페이지로 이동

1

290

1

혹시 node.js 10.24 버전으로 해도 상관없나요?

2

461

2

에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.

1

299

2

pinia 사용할려고 하는데 에러가 나옵니다.

1

486

2

swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..

1

1104

2

safari 개발자 도구에 대한 질문입니다

1

568

2

스웨거에 글 등록시 401 에러가 나와요 ㅠ

1

722

2

이 에러 때문에 진행이 안되네요 ㅠ

1

675

1

windows .nvmrc nvm use 실행 오류

1

1547

2

강사님 최신화가 필요해보입니다.

2

960

2

npm i 에러

1

613

1