Cannot find module 'prettier' 해결법

Prettier 설정이 작동한 이유

1. Yarn PnP (Plug'n'Play) 환경

• 현재 프로젝트는 Yarn PnP를 사용하고 있음
• Yarn PnP는 node_modules 대신 .yarn/sdks/ 폴더에 패키지를 설치함

2. Prettier 경로 문제

• VS Code의 Prettier 확장은 기본적으로 node_modules에서 Prettier를 찾음
• 하지만 Yarn PnP 환경에서는 Prettier가
  .yarn/sdks/prettier/index.js 경로에 설치되어 있었음
• 해당 경로를 명시적으로 지정해주니 VS Code가 올바른 Prettier를 찾을 수 있었음

3. 프로젝트 구조 확인

• yarn.lock 파일이 존재 → Yarn을 사용하고 있다는 증거
• .yarn/sdks/ 폴더 존재 가능성 높음

4. 해결 방법

- setting.json 같은 파일에 
"prettier.prettierPath": ".yarn/sdks/prettier/index.js" 위치를 명시

{
  "yaml.schemas": {
    "file:///c%3A/Users/admin/.vscode/extensions/atlassian.atlascode-3.8.11/resources/schemas/pipelines-schema.json": "bitbucket-pipelines.yml"
  },
  "git.autofetch": true,
  "terminal.integrated.enableMultiLinePasteWarning": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "code-runner.runInTerminal": true,
  "bracket-pair-colorizer-2.depreciation-notice": false,
  "terminal.integrated.tabs.enabled": false,
  "sqldeveloper.sqlHistory.historyLimit": 500,
  "workbench.iconTheme": "material-icon-theme",
  "terminal.integrated.defaultProfile.windows": "Git Bash",
  "editor.formatOnSave": true,
  "prettier.prettierPath": ".yarn/sdks/prettier/index.js"
}



"prettier.prettierPath": ".yarn/sdks/prettier/index.js"

• Prettier 경로를 명시적으로 지정
• 이로써 VS Code가 Yarn PnP 환경에서도 올바른 Prettier 실행 파일을 찾을 수 있게 됨

---

요약

• Yarn PnP 환경에서 흔히 발생하는 문제
• 해결책: Prettier 경로를 명시적으로 지정하여 정상 작동하게 만듦