@dark_king_13

Как настроить react-app для typescript?

Такая ситуация. Создаю приложение с помощью yarn create react-app app-name, затем запуская yarn eject и в конфиге webpack прописываю
...
resolve: {
      modules: ['node_modules', 'src', paths.appNodeModules].concat(
        modules.additionalModulePaths || []
      ),
...

Теперь могу создать следующею структуру:
--src
----pages
------index.js
------Auth
--------Auth.jsx
----App.jsx

В файле index.jsexport { default as Auth} from './Auth/Auth'
В Auth.jsx собственно сам компонент

И теперь в App.jsx я могу импортировать его с так:import { Auth } from 'pages'
И всё работает. Без всяких ./ ../../ и т.д.

Вот только если земенить js -> ts, jsx -> tsx, то всё перестаёт работать.
Ошибки

5ea865f8dec59900023819.png
5ea865fe678f9530714493.png


Я так понимаю, нужно что-то в webpack добавить, вот только не знаю что.
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
@dark_king_13 Автор вопроса
Дописал ещё в tsconfig.json
"compilerOptions": {
  ...
  "baseUrl": "./src",
  ...

И всё заработало
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
gadfi
@gadfi
https://gamega.org
ts есть из коробки в cra
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы