TypeScript中Uncaught ReferenceError错误的原因与解决

这个错误是ES6+作用域规则下的典型问题：你尝试访问一个用let或const声明的变量/函数，但该变量/函数尚未完成初始化。这是因为let/const存在暂时性死区（TDZ）——在声明语句执行之前，对应的标识符处于完全不可访问的状态，哪怕是提前引用也会抛出错误。

• 代码顺序错误：你在const getRequest = () => {}这类用const/let定义的函数声明之前，就调用了getRequest
• 模块依赖问题：如果getRequest来自其他模块，可能存在循环依赖，或者依赖模块中getRequest的声明位置在使用语句之后
• TS配置异常：若tsconfig.json的target设为ES5等低版本，TS会把const/let转译为var，但转译过程可能破坏原有作用域逻辑，导致类似错误

• 调整代码顺序：将const getRequest = () => {}这类声明移到调用语句之前，确保初始化完成后再访问
• 改用function声明函数：如果是函数，替换成function getRequest() {}——function声明会被变量提升，不受暂时性死区限制，提前调用也能正常执行
• 排查模块依赖：检查导入getRequest的模块，避免循环依赖；确保依赖模块中getRequest的声明在导出前完成
• 优化tsconfig.json配置：建议将target设为ES2015或更高版本，module设为ESNext或ES2020，保留ES6+的作用域规则，避免转译引发的问题。示例配置：

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "ESNext",
    "lib": ["ES2020", "DOM"],
    "moduleResolution": "bundler",
    "strict": true
  }
}

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