Question

我有以下结构。

.
└── src
    └── pages
        └── Chat
            ├── Chat.tsx
            ├── index.ts
            └── components
                ├── index.ts
                └── AppsBar
                    ├── AppsBar.tsx
                    ├── AppTile.ts
                    └── index.ts

我要从Chat.tsx导入AppsBar组件（每个组件都命名为export，并用export all索引）。

手动进行操作会看起来像：import { AppsBar } from './components';。但是VSC或WebStorm会创建自动路径：import { AppsBar } from '~/pages/Chat/components/AppsBar';（我有别名）。

问题：当我想从同一级别访问文件时，是否有任何ESLint规则强制使用/.表示法？

Answer 1

您可以尝试在vscodes用户设置中添加"typescript.preferences.importModuleSpecifier": "relative"或在tsconfig.json中设置baseUrl（请参见module-resolution）

Eslint规则禁止某些导入路径

1 个答案: