React中使用Sanitizer API遇‘Sanitizer未定义’错误的原因？

出现'Sanitizer' is not defined编译错误，主要有以下几个核心原因：

• Node.js编译环境不支持浏览器原生Sanitizer API
  Sanitizer是浏览器专属的原生API，而React项目的代码编译、构建流程是在Node.js环境中执行的，Node.js本身并没有实现这个API。当Webpack、Vite这类编译工具解析你的代码时，找不到全局的Sanitizer对象，就会抛出未定义错误。

• ESLint未将Sanitizer识别为全局变量
  你的ESLint配置里没有把Sanitizer标记为浏览器全局变量，ESLint的no-undef规则会将其判定为未声明的局部变量，从而触发报错。

• 开发/测试环境的JS运行时缺失该API
  如果是在使用jsdom做DOM模拟的测试环境，或者某些旧版开发服务器环境中，这些环境可能还未实现Sanitizer API，也会导致代码执行时出现未定义错误。

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