Преобразование сгруппированных компонентов React в машинописный текст - PullRequest
0 голосов
/ 09 июля 2020

Я конвертирую свой проект реакции для использования машинописного текста. Это пример того, как выглядела файловая структура моего исходного проекта js (упрощенная версия):

  • src
    • компоненты
      • index. js
      • входы
        • кнопка. js
        • текстовое поле. js
        • флажок. js
        • индекс. js
      • виджеты
        • index. js
        • widget1. js
        • widget2. js

Мой src / components / inputs / index. js выглядит так:

export { InputButton as Button } from './button'
export { InputTextbox as Textbox } from './textbox'
export { InputCheckbox as Checkbox } from './checkbox'

(src / components / widgets / index. js) следует в том же формате

My src / components / index. js выглядит как

export { Button, Textbox, Checkbox} from './inputs'
export { Widget1, Widget2} from './widgets'

Я установил путь псевдонима в src / components /, чтобы теперь я мог импортировать такие компоненты:

import {Button} from "@components"

Все это работало нормально, прежде чем я начал использовать машинописный текст.

Сейчас я пытаюсь преобразовать этот проект в машинопись. Я преобразовал свои компоненты в .tsx и добавил к ним интерфейсы. Однако, когда я пытаюсь импортировать кнопку, используя import {Button} from "@components", часть «@componets» моего оператора импорта подчеркивается в моем ide (vscode) и имеет следующую ошибку:

Could not find a declaration file for module '@components'. '/myProject/src/components/index.js' implicitly has an 'any' type.

Я думаю, что проблема может заключаться в том, что мне не хватает файла index.d.ts, однако я не уверен, каким будет его содержимое.

Не используется приложение create-response-app.

Заранее благодарю

1 Ответ

0 голосов
/ 09 июля 2020

Вам также нужно будет настроить аналогичный псевдоним пути для TypeScript, я думаю, в этой статье очень хорошо объясняется, как это сделать, лучше, чем я мог бы в нескольких строках:)

Alternativelu вы можете узнать больше о paths в документах TypeScript

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...