导入本地文件未解决

Question

（短篇小说）

我有两个打字稿文件：renderer.tsx 和 app.tsx。

我想将后者导入前者，所以我使用：

import './app'

然而，VS Code 是在抱怨（其实我猜是 ESlint 在抱怨）：

消除此错误的先决条件是什么？

我见过其他项目语法完全相同，没有任何问题。

（长篇大论）

我想学习如何使用 typescript 和 react 构建电子应用程序。我在电子锻造文档中找到了this guide。

按照指南在运行时工作，但 VS Code 显示错误错误。

我做了什么：

yarn create electron-app my-app --template=typescript-webpack
cd my-app
yarn add react react-dom
yarn add --dev @types/react @types/react-dom

已创建src/app.tsx 文件（与其他文件在同一目录中）：

import * as React from 'react';
import * as ReactDOM from 'react-dom';

function render() {
  ReactDOM.render(<h2>Hello from React!</h2>, document.body);
}

render();

并在renderer.tsx 文件的最后添加：

import './app'

最后在tsconfig.json中添加"jsx": "react"

运行yarn start 有效，应用按预期启动

这很好，应用程序打开了。

但是 VS Code 显示了我上面提到的错误 :( (Unable to resolve path to module './app' .eslintimport/no-unresolved)

如何解决？

完整复制：https://github.com/stevebeauge/sosp-sp-tools

Answer 1

我不知道这是否是解决我的问题的正确方法，但在 .eslintrc.json 文件中添加这些行可以解决问题：

"settings": {
  "import/resolver": {
    "node": {
      "extensions": [
        ".js",
        ".json",
        ".ts",
        ".tsx"
      ]
    }
  }
}

（特别是在扩展中包含.tsx）。

我猜它让 eslint 尝试将这些扩展作为模块文件处理。