Windows11+Node环境下React项目JSON解析未知令牌错误求助

ERROR in ./src/logo.svg
Module build failed (from ./node_modules/@svgr/webpack/lib/index.js):
JSONError: JSON Error in ...\package.json:
Unexpected token '�', "��{}" is not valid JSON while parsing '��{}'

在Windows 11 + Node 20.10.0 LTS环境下，Create React App、Vite初始化的默认React项目均出现上述错误，但Next.js项目正常，其他设备无法复现，已尝试清理npm缓存、切换Node版本、调整换行符、重装编辑器等操作。

可能的解决方法 #

1. 修正package.json的编码格式 #

• 用系统记事本打开项目根目录的package.json，点击「文件」→「另存为」，将编码从UTF-8 with BOM改为UTF-8（无BOM）后保存。Windows记事本默认添加的BOM头会被JSON解析器识别为无效字符，导致令牌错误。

2. 排查npm全局配置与缓存污染 #

• 重命名用户目录下的.npmrc文件（路径：C:\Users\[你的用户名]\.npmrc），避免全局配置干扰，然后重新执行npx create-react-app my-app或npm create vite@latest初始化项目。
• 尝试使用pnpm替代npm/yarn初始化项目：

  npm install -g pnpm
  pnpm create vite@latest my-app --template react
  

  pnpm的缓存机制与npm不同，可规避部分缓存污染问题。

3. 检查文件加密与路径问题 #

• 右键项目文件夹 →「属性」→「高级」，取消勾选「加密内容以便保护数据」，加密后的文件可能被添加额外二进制字符，导致JSON解析失败。
• 将项目迁移到纯英文无特殊符号的路径下（比如D:\projects\my-react-app），避免中文、空格、特殊字符路径触发的文件解析异常。

4. 排除安全工具干扰 #

• 临时关闭Windows Defender实时保护或第三方杀毒软件的文件监控功能，部分安全工具会扫描并修改npm下载的文件，导致package.json被注入无效字符。完成项目初始化后再重新开启保护。

5. 彻底重置Node.js环境 #

• 完全卸载Node.js，删除以下目录：
  • C:\Program Files\nodejs
  • C:\Users\[你的用户名]\AppData\Roaming\npm
  • C:\Users\[你的用户名]\AppData\Roaming\npm-cache
  • C:\Users\[你的用户名]\.npmrc（若存在）
• 从Node.js官方网站重新下载并安装Node 20.10.0 LTS版本，避免第三方安装器带来的环境异常。

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