Reactjs VScode可以'；找不到“tsx”文件的项目特定导入，但typescript编译器发现它们正常

当我将

jsx

组件制作成

tsx

时，VScode在特定于项目的导入下加下划线

以下内容来自

components\molecules\WizardSteps.jsx

JSX

TSX 以下内容来自重命名后的

components\molecules\WizardSteps.tsx

：

错误是：

找不到模块“组件/原子/步骤”或其相应的类型声明

组件/原子/步骤。tsx

存在

但是typescript编译器没有抱怨，我的项目也会生成。我使用的是next.js，因此类型脚本编译器与

next

命令有关

这是我的

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "target": "es2017",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

我已经阅读并确认：

**/匹配嵌套到任何级别的任何目录

所以我的包应该有用

有趣的是，这个问题似乎只发生在

tsx

文件-

ts

文件加载项目特定的导入文件时

---

我如何才能让VScode对我的typescript导入感到高兴？

由于typescript构建了文件，但VScode抱怨，结果表明错误来自

eslint

（尽管错误没有提及eslint）

以下步骤来自，使用以下内容更新

.eslintrc

：

extends: [
    "plugin:import/errors",
    "plugin:import/warnings",
    "plugin:import/typescript",
  ],

---

使错误消失。

在第一种情况下，“组件/原子/步骤”是如何解决的？你用的是什么？它似乎不在您的

tsconfig.json

中-您是否有

jsconfig.json

？还有它的类型定义吗？@jornsharpe我相信接下来只是使用前面提到的

tsconfig.json

，以及

tsconfig.json

中的

baseUrl

和

include

选项。您有

baseUrl

但没有

路径

，因此，我不清楚在重命名之前，

Step

是如何解决的。@jornsharpe谢谢。我在这里询问之前已经签出，但根据文档“这可以用来避免代码库中的长相对路径”来看，这似乎不相关。-我对长相对路径没问题，我只是希望相对路径能够工作。