Reactjs Typescrcript路径别名找不到图像、样式和其他文件扩展名

我目前有一些react typescript项目，每个项目都使用路径别名，但我面临一个恼人的问题，即当使用路径别名导入时，在路径自动完成中找不到诸如

.png

、

.jpg

、

.scss

等文件的自动完成。（导入时效果很好，问题只是恼人的自动完成无法正常工作，这迫使我检查文件夹以获取文件名）

使用相对路径时，例如从“../../../../styles/…”导入文件自动完成工作正常。我不确定这个错误到底需要搜索什么，我已经尝试过了，但没有成功

我正在使用扩展名为的vscode，但由于问题发生在typescript路径别名上，我不相信它有任何意义

工作：

不工作：

不显示任何内容，如果我按ctrl+enter，它会显示几个无用的自动完成，但不会显示文件夹中的文件

tsconfig

{
“编译器选项”：{
“目标”：“es2020”，
“lib”：[
“dom”，
“dom.iterable”，
“下一步”
],
“allowJs”：false，
“skipLibCheck”：正确，
“esModuleInterop”：正确，
“allowSyntheticDefaultImports”：true，
“严格”：是的，
“ForceConsistentCasingFileNames”：true，
“模块”：“esnext”，
“moduleResolution”：“节点”，
“resolveJsonModule”：true，
“隔离模块”：正确，
“向下迭代”：正确，
“noEmit”：没错，
“jsx”：“反应”，
“baseUrl”：“/src”，
“类型”：[“柏树”]
},
“包括”：[
“src”
]
}

您是否尝试在

tsconfig.json

中定义

路径

配置

{
  "compilerOptions": {
    "paths": {
      "@assets/*": ["your/path/to/assets/*"]
    }
  }
}

然后像这样使用它：

import Image from '@assets/';

---

阅读有关路径别名的更多信息

我对CRA v4和绝对导入也有同样的问题。我结束工作的唯一方法是：

安装并添加

“baseUrl”：“src”

到您的

tsconfig.json

不要将

“typescript.suggest.path”：false设置为建议扩展自述，将其设置为
true

将以下内容添加到VSCode

设置中。json

：

---

我只是尝试了一下，但结果是最糟糕的，只有主路径有效，它无法检索子文件夹。这是否回答了您的问题？在没有步骤3的情况下运行良好，现在VSC可以查看其他文件路径。

    "path-intellisense.mappings": {
        "/": "${workspaceFolder}",
        "assets": "${workspaceFolder}/src/assets",
        "pages": "${workspaceFolder}/src/pages",
        ... as many lines as folders you have under src, or order paths too
    }