React + TypeScript 路径解析问题

昨天遇到了一个问题,在做React+TypeScript的路径解析时,发现无法解析tsx文件。

查阅了许多资料都无果,今天因某位大佬提醒,我是意识到可能需要对tsconfig.json进行配置,在查阅相关资料后,终于解决。例:

webpack.config.js:

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

tsconfig.json:

1
2
3
4
5
6
7
8
9
"compilerOptions": {
"baseUrl": ".",
"allowJs": true,
...
"paths": {
"@src/*": ["./src/*"]
},
...
}

index.tsx:

1
import App from '@src/App';

运行:

折腾了许久,终于解决。

0%