03 常见错误与调试

常见错误与调试 #

了解 TypeScript 中的常见错误和调试技巧有助于快速解决问题。

基本概念 #

常见错误包括类型不匹配、未定义变量等。调试使用 VS Code 调试器或浏览器工具。

使用场景 #

  • 编译时错误：类型检查失败。
  • 运行时错误：逻辑问题或类型断言错误。
  • 第三方库类型不匹配。

示例代码 #

常见错误示例：

let num: number = 'string'; // 类型错误

调试配置（launch.json）：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/index.ts",
      "preLaunchTask": "tsc: build - tsconfig.json",
      "outFiles": ["${workspaceFolder}/dist/**/*.js"]
    }
  ]
}

最佳实践 #

  • 启用严格模式捕获更多错误。
  • 使用 tsconfig.json 的 noImplicitAny 选项。
  • 结合源映射文件调试编译后的 JS。