Javascript 确保导入在Typescript中有效？

在基于Typescript的项目的构建或linting阶段，是否有办法确保所有导入都是：

• 有效（路径不指向不存在的文件）
• 已使用（无未使用的导入）

问，因为我们最近遇到了一个问题，我们的项目似乎已经构建并通过了linting，但由于CI/CD之后的无效相对导入路径，无法在我们的开发服务器上运行

例如，通过了构建步骤，但在运行时失败，因为实际路径应该是

。/utils/date

：

import { parseDate } from '../../utils/date';

此外，以下内容被灰显，因为未在Visual Studio代码中使用，但未作为线绳或建筑的一部分捕获：

import { displayInfo } from '../../utils/display';

---

要修复项目中的相对路径错误，我建议您使用typescript别名方式。 我的类型脚本配置：

jsconfig.path.json

{
“编译器选项”：{
“baseUrl”：“/”，
“路径”：{
“asssets/*”：[“public/assets/*”]，
“组件/*”：[“src/components/*”]，
“hooks/*”：[“src/hooks/*”]，
“helpers/*”：[“src/helpers/*”]，
“screens/*”：[“src/screens/*”]，
“services/*”：[“src/services/*”]，
“state/*”：[“src/state/*”]，
“theme/*”：[“src/theme/*”]
}
},
“包括”：[“src”]，
“排除”：[“节点单元”、“构建”、“覆盖范围”]
}

最后，您应该将该文件扩展到tsconfig.json配置文件

tsconfig.json

{
...
“扩展”：“/jsconfig.path.json”，
...
}

---

它将传递您使用过的项目中的所有相对路径。

要修复项目中的相对路径错误，我建议您使用typescript别名方式。 我的类型脚本配置：

jsconfig.path.json

{
“编译器选项”：{
“baseUrl”：“/”，
“路径”：{
“asssets/*”：[“public/assets/*”]，
“组件/*”：[“src/components/*”]，
“hooks/*”：[“src/hooks/*”]，
“helpers/*”：[“src/helpers/*”]，
“screens/*”：[“src/screens/*”]，
“services/*”：[“src/services/*”]，
“state/*”：[“src/state/*”]，
“theme/*”：[“src/theme/*”]
}
},
“包括”：[“src”]，
“排除”：[“节点单元”、“构建”、“覆盖范围”]
}

最后，您应该将该文件扩展到tsconfig.json配置文件

tsconfig.json

{
...
“扩展”：“/jsconfig.path.json”，
...
}

---

它将通过您使用的项目中的所有相关路径。

很高兴知道，但是如果团队中的开发人员引入了可能导致运行时中断的内容，我希望在构建时捕获它。我不确定这是否解决了问题，但只是提供了另一种解决方法？您能提供一些代码和使用的路径吗？也许帮助您尽快解决问题会更好。很高兴知道，但是如果团队中的开发人员引入了可能导致运行时中断的内容，我希望在构建时捕获它。我不确定这是否解决了问题，但只是提供了另一种解决方法？您能提供一些代码和使用的路径吗？也许帮助您尽快解决问题会更好。