react webpack 路径解析问题

Question

我在resolve.alias下配置了别名:

但是无法解析tsx组件(或者其他):

但是如果只解析scss文件(也许还有其他):

就没有问题，样式也加载正常，请问这是什么问题?
感激不尽。

Answer 1

项目是typescript项目，在webpack.config.js中添加了别名之后，无法解决模块。
此时还需要在tsconfig.json中配置路径解析，并修改allowJs为true。
例:
webpack.config.js:

'@src': path.resolve(__dirname, '..', '/src')

tsconfig.json:

"compilerOptions": {
    "baseUrl": ".",
    ...
    "allowJs": true,
    "paths": {
      "@src/*": ["./src/*"]
    }
    ...
  }