React网站白屏报错：Uncaught SyntaxError: identifier starts immediately after numeric literal

错误原因分析 #

你遇到的Uncaught SyntaxError: identifier starts immediately after numeric literal错误，根源是代码里的"i"是HTML实体编码，而非JavaScript能识别的字符串引号。正常JS字符串应该用"i"或'i'表示，"i"会被解析器当成连续标识符，直接触发语法报错。

这段代码原本的正确写法应该是：

try{0.toLocaleString("i");}catch(e){return "RangeError"===e.name;}

但构建后被错误转义成了包含HTML实体的版本，导致解析失败。

排查与修复步骤 #

• 定位问题依赖：报错文件是vendors~main.chunk.js，说明问题来自第三方依赖。优先检查package.json里涉及国际化、数字格式化的库（比如intl相关包、date-fns或自定义格式化工具）。
• 检查构建配置：
  • 若用create-react-app，排查public/index.html或构建脚本是否添加了不必要的HTML转义规则，或是否安装了会修改代码转义的插件。
  • 若用自定义Webpack配置，查看html-webpack-plugin、babel-loader等插件的配置，确认是否开启了不必要的HTML实体转义。
• 更新/替换依赖：尝试将相关依赖更新到最新版本，部分旧版本库存在构建转义bug。若更新无效，替换为功能类似的其他依赖。
• 清理缓存重构建：执行npm clean install（或yarn cache clean && yarn install）清理依赖缓存，再重新构建项目，排除缓存残留的旧代码问题。
• 本地构建验证：本地执行npm run build后，直接查看构建后的vendors~main.chunk.js文件，确认是否确实存在"这类实体编码，进一步锁定转义错误的触发环节。

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