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

【问题标题】：Typescript automaticaly add ~/ instead of ../../ on VSCode importsTypescript 在 VSCode 导入时自动添加 ~/ 而不是 ../../
【发布时间】：2021-06-07 15:11:52
【问题描述】：

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

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

<AppText>Hello friend</AppText>

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

我的问题是当我使用带有 cmd + . 的 VSCode 快捷方式来自动导入依赖项时打字稿（或 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 上，我做错了什么？

【问题讨论】：

标签： reactjs typescript visual-studio-code babeljs

【解决方案1】：

也许尝试更改您的.vscode/settings.json

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

【讨论】：

【解决方案2】：

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

【讨论】：