Блог

В попытке упорядочить некоторый код я извлек кучу компонентов TypeScript React в их собственный модуль npm, область действия которого определяется именем моей организации, а затем yarn связывается обратно с исходной кодовой базой.

В моей исходной базе кода теперь у меня есть:

 import { Title } from '@foo/ui'
  

Typescript выдает мне эту ошибку Cannot find module '@foo/ui' or its corresponding type declarations.ts(2307)

Теперь я без проблем вижу, что мой модуль имеет символическую ссылку в моей исходной node_modules папке репозитория.

У меня нет отдельного файла typings — все есть в каждом модуле react — Тем не менее, я попытался создать полупустой файл typings, хотя мне немного неясно, как использовать пакеты с ограниченной областью действия. У меня есть:

 /
   @types
     @foo
        ui.d.ts
     index.d.ts
  

Оба общих файла.ts содержат только базовую запись:

 declare module '@foo/ui'
  

Теперь ключом к этому является то, что я хотел бы использовать файлы TypeScript в my @foo/ui напрямую, не создавая js-файлы (возможно ли это? смысл этого в том, чтобы упростить параллельную разработку, поскольку ui модуль находится в разработке `. Я относительно новичок в TS, поэтому здесь явно чего-то не хватает — добавление областей и ссылок на пряжу не помогает!

Может кто-нибудь пролить свет на то, как я могу это решить? В идеале с прямым использованием файлов TS.