我们遇到了 WebStorm 提示某些命名路径的问题。尽管如此,使用 webpack 一切都很好。
这是我们的文件结构:
apps
app1
tsconfig.e2e.json
src
tests
testsuite1
file.po.ts
libs
lib1
src
index.ts
libs
我们用于 lib 的 index.ts:export * from './lib';
我们的 tsconfig.e2e.json 中的路径:{
"compilerOptions": {
...
"paths": {
"@a/lib1": ["../../libs/lib1/src"],
}
}
}
我们的导入在 file.po.ts 中被标记为 not found in WebStormimport { Mo } from '@a/lib1';
我们已经在 WebStorm 中启用了 TypeScript 语言服务,并且其他一些类似的导入正在运行。我们是 TypeScript 和 WebStorm 的新手,所以也许我们遗漏了一些东西。
最佳答案
添加新路径后需要重启
我遇到过同样的问题;向 tsconfig.json 文件添加新路径后,我需要重新启动 Intellij IDEA,以便它识别导入语句中的路径。
"paths": {
"@alias/*": ["folder/*"],
},
重新启动后,它停止用红线在路径下划线:import { SomeFeatureModule } from '@alias/some-feature/some-feature.module';
检查路径是否相对于baseUrl
如果这不能解决问题,请控制单击实际别名以查看它是否被识别;单击应将您带到
tsconfig.json
声明路径别名的文件。还要检查实际路径是否正确采用 compilerOptions
已配置 baseUrl
属性考虑。路径应该相对于这个 base-url。例如:
"baseUrl": "src",
这意味着对于上面的示例,现有文件夹实际上应该是:src/folder/*
关于typescript - WebStorm 无法识别 tsconfig 路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54900090/