在VS Code中，我收到此错误，“无法加载模块。试图从package.json加载漂亮的图片
gho*_*151 12 package.json visual-studio-code prettier
当我使用VS Code并打开一个项目时，我在右下角收到此通知：
Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have runnpm安装Attempted to load prettier from package.json.
Source: Prettier Code Format (Extension)
运行npm install无法解决此问题。任何人都知道为什么会这样，或者我可以做些什么来解决它？
Tun*_*ran 40
这是一个对我有用的解决方案
1.如果您从未全局安装过 Prettier，请通过 npm 全局安装
npm i prettier -g
2.Prettier Path在 VS Code 设置中搜索和使用扩展设置
// 您可以导航到 VS CodeSettings > Extensions > Prettier以获取所有 Prettier 扩展设置
3.更新Prettier Path到您全局安装的 Prettier。
例如
/usr/local/lib/node_modules/prettier （苹果系统）
\AppData\Roaming\npm\node_modules\prettier （视窗）
- 全局安装模块的路径会有所不同，这不仅取决于操作系统，还取决于您安装 npm 的方式（即 nvm 等）。获取路径的一个简单方法是运行“npm root -g” (4认同)
Sak*_*nto 14
我安装了 prettier 作为 VSCode 扩展，这个解决方案对我有用：
我必须在 VSCode 设置中删除 Prettier Path。为此，单击 coq 图标并按重置。
aud*_*ude 13
如果您使用的是所有内容的最新（截至撰写本文时）版本：
VS代码：1.80
节点：18
更漂亮：3.0.3
如果您仍然遇到此错误，请尝试此 Github Issue中发布的解决方案
基本上，如果您一遍又一遍地仔细检查全局/本地 Prettier 的路径，请尝试将 /index.cjs 添加到路径末尾。这为我解决了这个问题。
-“prettier.prettierPath”：“./packages/compiler/node_modules/prettier”，
+"prettier.prettierPath": "./packages/compiler/node_modules/prettier/index.cjs",
- 在我的情况下，这在具有全局 prettier 安装的 Windows 操作系统计算机上效果非常好（`C:\Users\<Username>\AppData\Roaming\npm\node_modules\prettier\index.cjs`），谢谢！ (2认同)
小智 8
就我而言，我在 WSL Ubuntu 上运行 prettier，但上述解决方案均无效。从版本降级 Prettier VS Code Extension9.13.0来8.2.0解决我的问题。
就我而言，Prettier 安装在项目中node_modules，而不是全局安装。
- 我的环境和你一样。这是 vscode 1.79.0 的一个新[问题](https://github.com/prettier/prettier-vscode/issues/3020#issuecomment-1584068844) 还有另一个更简单的解决方法： * 创建/添加到项目的 lolcal 。 vscode/settings.json * 此配置：“prettier.prettierPath”：“./node_modules/prettier” (9认同)
| 归档时间： |
|
| 查看次数： |
908 次 |
| 最近记录： |