Typescript 在 VSCode 导入时自动添加 ~/ 而不是 ../../

Question

假设我有一个 React Native 应用程序。
我正在开发这样的组件：

import { AppText } from '~/components/common/primitives/app-text'

<AppText>Hello friend</AppText>

我成功地使用 babel-plugin-root-import 和 module-resolver。
一切都像一个魅力。

我的问题是当我使用 VSCode 快捷方式和 cmd + . 来自动导入依赖打字稿（或 VSCode？）时决定使用 ../../

import { AppText } from '../../common/primitives/app-text'

<AppText>Hello friend</AppText>

问题：

当我使用自动导入快捷方式时，如何让 VSCode 或 typescript 使用 ~/component 而不是 ../../ 自动导入？

更新:

查看另一个项目并尝试删除 tsconfig.json、
我可以重现这个问题。

当我复制此配置时，它再次在项目 2 上运行。

{
  "extends": "expo/tsconfig.base",
  "compilerOptions": {
    "strict": true,
    "baseUrl": "./",
    "paths": {
      "~/*": [
        "src/*"
      ],
    },
  },
}

问题仍然发生在项目 1 上，我做错了什么？

Answer 1

或许可以尝试改变你的 .vscode/settings.json

{
  "typescript.preferences.importModuleSpecifier": "non-relative",
}

Answer 2

我重新启动了我的机器，它现在可以工作了
可能是一个奇怪的缓存问题

Typescript 在 VSCode 导入时自动添加 ~/ 而不是 ../../

Typescript automaticaly add ~/ instead of ../../ on VSCode imports

reactjs

typescript

visual-studio-code

babeljs

问题：