inflearn logo
강의

講義

知識共有

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

Playwright MCPとは? - エラーを解決する

playwright mcp 적용이 안됩니다.

252

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 설치 문제 해결 방법

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

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

cd 다음에 어떻게 자연스럽게 문자가 써지죠?

0

12

1

클로드코드에 적용할 하네스? 툴? 추천 부탁드립니다.

0

13

0

14강 GIT 설치후 ~ config 명령어 입력이 안돼요

0

14

1

161강 자료 파일 안에 내용이 없네요.

0

18

1

/ide 명령어 실행 오류

0

18

1

subagents에 관한 질문이 있습니다.

0

17

1

클로드 코드 설치가 되지 않습니다...

0

25

1

output sytles 모든 프로젝트 적용시 디렉토리가 헷갈립니다 ㅠㅠ

0

21

1

터미널 줄바꿈 세팅

0

23

1

setting.json과 setting.local.json

0

26

1

카드 뉴스 만들기..

0

23

1

기존 mcp를 플러그인으로 대체

0

20

1

바이브코딩을 하는 개발자(작업복잡도 판단의 어려움)

0

23

1

커서에서 클로드 코드 실행했는데 쉬프트 +엔터가 안먹히는데요.

0

16

1

claw code 에 대해서는 어떻게 생각하시나요?!

0

23

1

비개발자용 리서치나 논문검색 프로젝트 요청

0

20

1

커밋 명령에 대한 플랜모드 미적용

0

26

2

prd.md 관련

0

27

3

하네스 강의 관련

0

39

2

갑자기 크루드가 실행이 안됩니다.

0

35

2

크루드가 실행이 안되요..

0

35

2

줄바꿈 셋팅에 관해서

0

40

2

커서설치후 터미널에서 claude 입력했는데 인식되지않아요

0

33

1

110강 까지 진행했습니다.

0

43

2