如何修复找不到tsconfig.json模块

Question

我有以下文件夹结构：

---src  
|   ---test
|   |   ---login
|   |       index.ts
|   ---utils
|       |   utilsFuntion.ts

我想从登录文件夹中src下的utils过滤器导入utilsFunction就像这样：import {somefuntion} from 'utils/utilsFuntion';

而不是这样做：import {somefuntion} from '../../../utils/utilsFuntion';

这是我的tsconfig文件：

{
"compilerOptions": {
"target": "es6",
"lib": ["dom", "dom.iterable", "esnext"],
"strict": true,
"module": "commonjs",
"noEmit": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"baseUrl": "src",
"paths": {
"src/*": ["src/*"]
}
},
"include": ["src"]
}

在我添加src-baseUrl和路径之后我这样更改导入：import {somefuntion} from 'utils/utilsFuntion';我得到的错误是：Error: Cannot find module 'utils/helpFunction

知道怎么解决这个问题吗？

我试试：

./utils/utilsFuntion.ts
./utils/utilsFuntion
utils/utilsFuntion.ts
src/utils/utilsFuntion.ts
src/utils/utilsFuntion

Answer 1

您可以在导入的typescript中使用绝对路径来引用它

试试这个

import {somefuntion} from '@src/utils/utilsFuntion';

在tsconfig 中

"paths": {
"@src/*": ["./src/*"]
}