React 无法使用 jsconfig.json 文件解析 VS2019 中的绝对路径

Question

我使用 Visual Studio 2019 中的内置模板创建了一个 Asp.net 核心 React 项目

该项目创建了一个名为 ClientApp 的单独文件夹，React 项目位于该文件夹中。我已经完成了 npm init。

我在 ClientApp 文件夹的根目录下添加了一个 jsconfig.json 文件，如下所示。

文件夹

jsconfig.json

当我尝试使用 jsconfig 中定义的绝对路径导入组件时，编译器找不到路径。

并产生错误

我试图删除从“./src/components/”到“src/components/”的路径的“./”，如下所示

但错误仍然存​​在

更新

基于此线程https://dev.to/larswaechter/path-aliases-with-typescript-in-nodejs-4353，在 jsconfig.json 文件中配置别名时，您可以在应用程序中使用新的路径别名进行模块导入。您的 IDE 或编译代码时出现任何错误。

但是，当您尝试将 TS 代码编译为 JS 时，您不会看到任何错误。但是一旦你运行你编译好的 JS 代码你就会得到一个错误：

例如： 错误：找不到模块“@modules/user” 那是因为 JS 无法解析声明的路径别名的模块...根据文章，可以通过安装一个名为 module-alias 的 npm 包来解决。

Answer 1

你已经设置了baseUrl 和. 你不需要在paths 属性中添加./

"baseUrl": ".",
"paths": {
   "@Components/*": [ "src/components/*" ]
}