面试题：TypeScript中相对路径导入模块的常见错误及解决方法

Question

在TypeScript项目里，使用相对路径导入模块时，经常会遇到找不到模块的错误。请列举至少两种可能导致此错误的原因，并说明对应的解决办法。

Answer 1

• 原因一：模块文件实际路径与导入路径不匹配
  • 解决办法：仔细检查导入路径，确保它准确反映模块文件在项目中的实际位置。可以使用文件系统导航确认文件位置，并修正导入路径。
• 原因二：项目配置问题（如 tsconfig.json 配置不当）
  • 解决办法：检查 tsconfig.json 中的 baseUrl 和 paths 配置。如果使用了自定义路径映射，确保配置正确。例如，若设置了 baseUrl 为 src，相对路径导入应基于 src 目录。同时，确认 moduleResolution 配置为合适的值，通常推荐使用 node 模式。
• 原因三：文件扩展名问题
  • 解决办法：在TypeScript中，导入模块时通常可以省略文件扩展名，但某些情况下可能需要显式写出。尝试在导入路径中添加文件扩展名（如 .ts 或 .tsx），看是否能解决找不到模块的问题。
• 原因四：模块未被正确编译或构建
  • 解决办法：确保项目的编译过程正常。检查构建脚本和任务，确认模块文件已被成功编译到目标输出目录。若使用了构建工具如Webpack，检查其配置，保证模块能正确处理和打包。