У меня проект на react, который состоит как из js файлов так и tsx файлов. Сейчас местами внедряю ts, до этого ts не использовался. Поэтому бывает что js файлы обращаются к типам, которые определены в ts,tsx файлах
Иерархия вызова файлов примерно такая
index.tsx
App.tsx
Layout.js
.... множество js файлов
MapSelector.tsx
Отладка в js файлах выполняется без проблем.
Отладка в ts, tsx файлах выполняется странно...
Например если просто поставить точку останова в MapSelector.tsx то она вызовется, но я не смогу просматривать содержимое переменных. Если попробую просмотреть содержимое, то столкнусь с ошибкой "VS выполняет операцию слишком долго.."
Но если поймаю точку останова в App.tsx, посмотрю содержимое какой-то переменной, а после этого поймаю точку останова в MapSelector.tsx - тогда содержимое переменных в MapSelector.tsx можно смотреть без проблем.
1. Почему так происходит и как от этого избавиться?
2. точка останова в index.js всегда выколотая, почему?
tsconfig.json
{
"compilerOptions": {
"target": "es5",
"baseUrl": "src",
"allowJs": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react",
"lib": [
"es2015",
"dom"
],
"skipLibCheck": false,
"noFallthroughCasesInSwitch": true
},
"include": [
"src"
]
}