inflearn logo
강의

講義

知識共有

Claude Code 完全マスター:AI開発ワークフローの基礎から実践まで

Playwright MCPとは? - エラーを解決する(scope関連の説明欄を確認!)

playwright mcp 적용이 안됩니다.

447

choi8710270616

投稿した質問数 6

1

여기(https://github.com/microsoft/playwright-mcp)에서 claude code 를 선택후 명령어로 설치 하였습니다.

playwright mcp 설치하여

아래와 같이 json 파일이 생성되었습니다.

image.png

 

그리고 claude 를 재실행 하였더니,

강의와 같이 mcp선택에 대한 것은 없고

/doctor 를 실행해 보라는 경고 문구만 있습니다. 아래 이미지와 같이요.

image.png

 

scope 를 없이설치도 해보고,

project 로도 해보고, 강의에서 나온 인자로 다 해봤는데요.

아무리 claude 재실행 해도 안됩니다.

뭐가 잘못 된 걸까요?

window, vscode(terminal) 로 작업중입니다.

 

답변 부탁 드립니다.

 

react 인공지능(ai) ai-활용-(ax) claude

回答 2

0

gymcoding

안녕하세요! 😊

/doctor까지 실행해보신 거 좋은 접근이에요.

사실 이런 환경 설정 관련 오류는 개발할 때 정말 흔하게 발생합니다. OS, Node.js 버전, 터미널 종류 등 PC 환경이 사람마다 다 다르기 때문에 특정 환경에서만 나타나는 경우가 많거든요.

그런데 이런 오류야말로 클로드 코드에게 맡기기 딱 좋은 케이스예요. /doctor 결과에 원인이 이미 나와 있으니, 그 결과를 클로드 코드에게 그대로 보여주면서 해결을 요청해 보세요. 예를 들어 이렇게요.

/doctor 실행 결과 아래와 같은 경고가 나와.
이 문제를 해결해줘.

[Warning] [playwright] mcpServers.playwright: Windows requires 'cmd /c' wrapper to execute npx

또는 /doctor를 실행한 뒤 경고가 보이는 상태에서 바로 이렇게 입력하셔도 됩니다.

위 /doctor 경고를 확인하고 .mcp.json 파일을 수정해서 해결해줘

클로드 코드가 경고 메시지를 읽고 .mcp.json 파일을 직접 수정해줄 거예요.

앞으로 개발 중에 오류가 나면 오류 메시지를 그대로 클로드 코드에게 보여주는 습관을 들여보세요. 오류 메시지 자체가 가장 좋은 컨텍스트이고, 이렇게 환경 오류를 스스로 해결해보는 경험이 쌓이면 클로드 코드 활용 능력이 훨씬 빨리 늘어납니다 💪

감사합니다 🙏

mcp 설정을 아래와 같이 해보시면 해결 될 거예요

{
  "mcpServers": {
    "playwright": {
      "type": "stdio",
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "@playwright/mcp@latest"
      ],
      "env": {}
    }
  }
}

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 최종훈님.

Playwright MCP 설치 후 Claude Code와의 연동 문제로 고민이 있으신 것 같습니다. 문제 해결을 위한 몇 가지 확인 사항 및 조치 방법을 안내드리겠습니다.

⛔ 주요 문제 및 해결 방법:

  1. .mcp.json 파일 설정 확인:

    • 이미 잘 생성된 .mcp.json 파일은 문제가 없어 보이지만, Windows 환경에서 npx 사용 시 cmd /c 래퍼를 추가해야 한다는 경고가 있습니다.
    • 이 래퍼가 없는 경우, MCP가 정상적으로 실행되지 않을 수 있습니다.
    • 아래와 같이 cmd /c를 추가해보세요:
      
      "playwright": {
      "cmd": "cmd /c npx @playwright/mcp@latest",
      "type": "stdio",
      "env": {}
      }
      

  2. Claude 재실행 시 /doctor output 확인:

    • ./doctor 명령어를 실행해서 MCP 설정이 제대로 반영됐는지 확인해 보세요. 경고나 오류가 있는 경우 해당 메시지를 해결해야 합니다.
    • 문제 해결 후 Claude를 다시 실행해 보시길 권장드립니다.
  3. 설치된 MCP의 인식 문제:

    • Claude 코드가 MCP를 인식하지 못하는 경우, 종종 claude 명령어 자체를 초기화하거나 재설치하는 방법도 필요할 수 있습니다.
    • 명령어 충돌이나 설치 경로 문제일 수 있으므로, 이를 점검해보세요.

참고할 만한 자료

현재 문제를 해결하는 데 도움이 될 만한 관련 질문과 답변이 있습니다. 아래 링크를 참고하셔서 좀 더 구체적인 해결책을 확인해 보세요:
- MCP 설치 문제 해결 방법

혹시 위 방법들로도 해결되지 않을 경우, 이전에 비슷한 케이스로 문제가 해결된 지식공유자님의 답변을 추가로 참고하세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

줄바꿈 시 \ 필수인가요?

0

9

2

2605 이후 최신 클로드코드 강의 추가 부탁드립니다.

0

8

2

커리큘럼 문서 제공받을 수 있을까요?

0

14

1

outputStyle 설정하는데 어디서 문제일까요?

0

17

3

test.txt파일 삭제시 rm명령어이니 클로드의 질문이 있어야 한다고 하셨는데

0

10

2

검은화면

0

20

3

강의교환링크안열려요.....

0

22

2

영상재생에러 [확인부탁드려요!!!]

0

19

2

클로드 채팅에서 코드로 넘어가기

0

31

2

110강부터 따라가기가 힘듭니다...

0

48

2

커서에서 붙여넣기

0

35

2

깃허브 사용시 폴더경로 관련질문

0

23

2

/output-style 명령어는 폐기 되었다고 나오네요.

0

39

2

프롬프트 작성시 html, css, javascript

0

35

2

Cursor 창이 수업 내용과 달라요.

0

37

3

Supabase MCP 관련 질문입니다

0

40

2

클로드 로그인 후 승인창이 안떠요

0

35

1

61강 claude.local.md 변경사항 관련 질문

0

41

3

github

0

45

2

Claude에서 Bash, PowerShell 커맨드 묻기

0

60

2

mission 4 실행중 같은 질분 반복

0

39

2

sequential thinking mcp 사용 유용성에 대하여 질문있습니다.

0

60

2

VS Code? Cursor?

0

67

1

터미널과 클로드코드의 차이

0

68

2