VS Code配置Prettier失败 提示无法找到全局prettier模块报错

问题背景 #

已完成如下配置操作：

• 安装VS Code Prettier插件，在用户设置、工作区设置中均将Prettier设置为默认格式化程序
• 安装Node.js运行环境
• 项目目录下执行npm install
• 执行npm i prettier -g全局安装Prettier
• 通过npm root -g命令查询全局npm包根路径
• 将路径\AppData\Roaming\npm\node_modules\prettier添加到VS Code的Prettier路径配置项
• 开启VS Code保存时格式化功能

配置完成后触发报错：

["ERROR" - 4:16:59 pm] Error loading node module '\AppData\Roaming\npm\node_modules\prettier'
["ERROR" - 4:16:59 pm] Cannot find module '\AppData\Roaming\npm\node_modules\prettier'

排查解决步骤 #

• 首先修正Prettier路径配置：你填的路径缺了最前面的系统盘符，属于不完整的相对路径，系统自然找不到文件。执行npm root -g后复制输出的完整绝对路径，在后面拼接\prettier才是正确的配置值，典型正确格式为C:\Users\你的实际系统用户名\AppData\Roaming\npm\node_modules\prettier。不要手动硬编码默认路径，如果你之前修改过npm全局包安装位置、或者系统用户名带中文/特殊字符，手动拼的路径大概率会出错。
• 优先使用项目本地Prettier规避路径问题：这是最省心的方案，直接在项目根目录执行npm i prettier -D把Prettier安装为项目开发依赖，之后删掉VS Code设置里手动填的prettier.prettierPath配置项，重启VS Code后插件会自动识别项目内的Prettier版本，既不会出路径错误，也能保证团队协作时所有人用的Prettier版本一致。
• 检查Node.js环境有效性：新开命令行窗口执行node -v和npm -v，如果提示找不到命令，说明Node.js没正确加入系统PATH，重装Node.js时记得勾选Add to PATH选项，装完重启电脑再试。
• 排查权限问题：Windows下如果用普通权限启动VS Code，可能出现无权读取AppData目录下文件的情况，右键VS Code选择「以管理员身份运行」后重试，如果功能恢复正常，给当前Windows账号开放npm全局包目录的读取权限即可，不用长期用管理员模式开VS Code。
• 所有配置修改完成后完全关闭VS Code再重新打开，不要只用「重载窗口」功能，插件的路径缓存有时候需要完全重启才会清空刷新。

内容的提问来源于stack exchange，提问作者Saswata Das