reactjs - 指向文件而不是目录时，Eslint 无法解析模块的路径

Question

我有一个带有 Typescript 的 React JS 项目，我使用 Eslint 进行 linting。我已经添加了路径别名tsconfig.json，webpack.config.json看起来像这样

// webpack.config.json
components: path.resolve(__dirname, './../src/components/')
...

和

// tsconfig.json
"components/*": ["components/*"],
...

所以，如果我有一个像import src/components/Button/index.tsxas一样的文件components/Button，Eslint 是安静的。

当我有一个像src/components/Loader.tsx导入为components/Loader. 短绒在这里抱怨Unable to resolve path to module 'components/Loader'

请注意：

• 项目编译成功。
• 我不想"import/no-unresolved": 0在我的eslintrc.json

我该如何解决这个问题？

标签： reactjswebpackeslint

Answer 1

使用 components/Loader 与 components/Loader/index.tsx 相同，但在您的情况下，没有包含 index.tsx 文件的 Loader 文件夹要删除警告，请使用 loader 和 index.tsx 文件创建文件夹结构或明确定义您正在通过 components/Loader.tsx 访问文件