如何在TypeScript / React项目中为绝对路径设置.tsconfig？

Question

我也想使用绝对路径并努力使其工作。

现在，我在.tsconfig中有以下几行：

{
    "baseUrl": ".",
    "paths": {
            "src/*": ["./src/*"],
            "/*": ["./node_modules/*"]
        }
}

背后的想法是，如果我使用import 'src/path/to/component'，然后使用此规则"src/*": ["./src/*"]。

如果我使用import 'react'，则应触发"/*": ["./node_modules/*"]规则，因此在node_modules文件夹中查找模块。

现在，VSCode似乎可以解决，但是Webpack（我使用webpack-dev-server）会抛出错误，例如当我尝试import Header from 'src/features/header';时：

This dependency was not found:

* src/features/header in ./src/features/app/index.tsx

To install it, you can run: npm install --save src/features/header

那么，我该如何解决这个问题？

谢谢！