Error resolve node module 'prettier'

[rlarudgh]

I'm do setting team-project with nextjs, prettierrc, eslint, husky. But if I try to save it, it says I can't solve the module.

This is my Error Log.

["ERROR" - 오전 9:20:54] Error handling text editor change
["ERROR" - 오전 9:20:54] Error resolve node module 'prettier'
Error: Error resolve node module 'prettier'
    at n (/Users/kimkyeongho/.vscode/extensions/esbenp.prettier-vscode-10.1.0/dist/extension.js:1:2718)
    at /Users/kimkyeongho/.vscode/extensions/esbenp.prettier-vscode-10.1.0/dist/extension.js:1:3068
    at Array.map (<anonymous>)
    at t.resolveConfigPlugins (/Users/kimkyeongho/.vscode/extensions/esbenp.prettier-vscode-10.1.0/dist/extension.js:1:3003)
    at t.ModuleResolver.resolveConfig (/Users/kimkyeongho/.vscode/extensions/esbenp.prettier-vscode-10.1.0/dist/extension.js:1:7290)
    at t.default.getSelectors (/Users/kimkyeongho/.vscode/extensions/esbenp.prettier-vscode-10.1.0/dist/extension.js:1:11562)
    at t.default.handleActiveTextEditorChanged (/Users/kimkyeongho/.vscode/extensions/esbenp.prettier-vscode-10.1.0/dist/extension.js:1:10924)
["INFO" - 오전 9:20:55] Formatting file:///Users/kimkyeongho/Documents/name/src/app/layout.tsx
["INFO" - 오전 9:20:55] Using config file at '/Users/kimkyeongho/Documents/name/.prettierrc'

And this is prettierrc file.

{
  "printWidth": 100,
  "tabWidth": 4,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "jsxBracketSameLine": true,
  "bracketSpacing": true,
  "trailingComma": "all",
  "arrowParens": "always"
}

Why do now working prettier?

[rlarudgh]

This is my package.json.

{
  "name": "name",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "prepare": "huksy install"
  },
  "dependencies": {
    "@tanstack/react-query": "^4.33.0",
    "@tanstack/react-query-devtools": "^4.35.3",
    "@types/axios": "^0.14.0",
    "@types/node": "20.4.5",
    "@types/react": "18.2.17",
    "@types/react-dom": "18.2.7",
    "autoprefixer": "10.4.14",
    "axios": "^1.5.0",
    "eslint": "8.45.0",
    "eslint-config-next": "13.4.12",
    "next": "13.4.12",
    "next-i18next": "^14.0.3",
    "postcss": "^8.4.29",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "recoil": "^0.7.7",
    "tailwindcss": "3.3.3",
    "typescript": "5.1.6"
  },
  "devDependencies": {
    "@types/eslint": "^8",
    "@types/prettier": "^3",
    "@yarnpkg/pnpify": "^4.0.0-rc.50",
    "eslint-config-prettier": "^9.0.0",
    "eslint-plugin-prettier": "^5.0.0",
    "husky": "^8.0.0",
    "lint-staged": "^14.0.1",
    "prettier": "^3.0.3",
    "prettier-plugin-tailwindcss": "^0.5.4"
  },
  "lint-staged": {
    "*.{js,jsx,ts,tsx}": [
      ""
    ]
  },
  "packageManager": "[email protected]"
}

[rlarudgh]

Oh, I solved.