WebStorm不识别tsconfig路径

Question

我们有一个问题，WebStorm会抱怨一些命名路径。不过，和webpack在一起，一切都很好。

这是我们的文件结构：

apps
  app1
    tsconfig.e2e.json
    src
      tests
        testsuite1
          file.po.ts
libs
  lib1
    src
      index.ts
      libs

库的index.ts：

export * from './lib';

我们的tsconfig.e2e.json中的路径：

{
  "compilerOptions": {
    ...
    "paths": {
      "@a/lib1": ["../../libs/lib1/src"],
    }
  }
}

我们的导入被标记为在file.po.ts的WebStorm中找不到

import { Mo } from '@a/lib1';

我们已经在WebStorm中启用了TypeScript语言服务，其他一些类似的导入也在运行中。我们是TypeScript和WebStorm的新手，所以我们可能遗漏了一些东西。

Answer 1

添加新路径后需要重新启动

我也遇到了同样的问题；在向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/*