TypeScript не выполняет синтаксический анализ кода кода

Question

Уже пробовали предложения здесь и здесь без везения

У меня есть проект с такой структурой каталогов:

.
  - /app
  - /web

app - это собственное приложение реакции (созданное вручную, а не с помощью create-react-native-app).

web - это приложение реакции, созданное с использованием create-react-app.

Оба используют TypeScript.

Я пытаюсь отобразить компонент из app в приложении web, используя react-native-web, но TypeScript, кажется, не анализирует файл, так как я получаю эту ошибку:

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 
> export type Props = {

Учитывая, что TypeScript работает нормально в app и web независимо, я не уверен, что мне не хватает. Небольшой недостаток проекта заключается в том, что, поскольку create-react-app не разрешает относительный импорт из-за пределов собственной папки src, мне пришлось использовать символическую ссылку app, используя npm link app в каталоге web, чтобы импортировать компоненты приложения.

Не уверен, что это является причиной проблемы, но я довольно озадачен, поэтому любые предложения будут с благодарностью.

Answer 1

Решением стало добавление ts-loader в конфигурацию веб-пакета моего React для веб-приложения. Это стало немного сложнее из-за того, что create-react-app не позволяет изменять его конфигурационные файлы, но я смог сделать это с помощью реагировать на приложение переписано

Мне также пришлось изменить TypeScript's noEmit до false, чтобы убедиться, что ts c используется для компиляции, а также для проверки типов (пришлось сделать это и в response-app-rewired, потому что CRA перезаписывает этот параметр в tsconfig.json, если вы пытаетесь изменить его ).

Все еще немного сбивает с толку меня, зачем это нужно, учитывая, что TypeScript отлично анализировался в веб и мобильных приложениях по отдельности.