Как делать ES6 импорт из директории по умолчанию в TypeScript?

Question

[Максим Золотой]

Думаю вы поняли о чем я, но я поясню. К примеру у меня есть каталог UI и в его корне лежит файл index.js в котором находятся экспорты из всех компонентов в этой директории. И я могу потом импорт делать вот так
import * as components from 'components/UI';
Потому что ES6 по умолчанию ищет index.js в папке если мы пытаемся из нее что то импортировать.

Как это можно сделать с TypeScript? Получается две проблемы - ищется файл index.js а не index.ts, но даже если я сделаю эти index файлы на js, то все равно TypeScript будет ошибки подсвечивать, потому что он такие пути не понимает.

Что думаете по этому поводу?

Answer 1

[Алексей Ярков]

все равно TypeScript будет ошибки подсвечивать, потому что он такие пути не понимает

Ну так сделайте чтобы понимал. В tsconfig.json укажите опцию "moduleResolution": "node"

Comments

[Максим Золотой]

Он тогда обычные пути с алиасами перестает понимать

{
  "include": ["./src/**/*"],
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "lib": ["dom", "es2017"],
    "jsx": "react",
    "strict": true,
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "noEmit": true,
    "skipLibCheck": true,
    "baseUrl": "src",
    "moduleResolution": "node",
    "paths": {
      "@components/*": ["components/*"],
      "@assets/*": ["assets/*"],
    }
  },
}

[Aetae]

Максим Золотой, ты текст то ошибки читай. У тебя в этом файле есть уже Main, вот и всё.