Конвертация кода от JavaScript к TypeScript

[gregor-shkashekwa]

Здравствуйте, я столкнулся с одной проблемой при конвертации кода от JavaScript к TypeScript в своем мини-приложении ВК. В частности, это связано с тем, что TypeScript не распознает компоненты VKUI.

К примеру, я приступил к конвертированию компонента index.js в index.ts. При отладке споткнулся об ошибки:

ERROR
Module not found: Error: Can't resolve 'C:\Users\User\Desktop\resume_constructor\src\index.js' in 'C:\Users\User\Desktop\resume_constructor'
ERROR in src/index.ts:10:34
TS2345: Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Container'.
Type 'null' is not assignable to type 'Container'.
8 | bridge.send("VKWebAppInit");
9 |

10 | const root = ReactDOM.createRoot(document.getElementById('root'));
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
11 | root.render(
12 |
13 |
ERROR in src/index.ts:12:5
TS2365: Operator '<' cannot be applied to types 'boolean' and 'RegExp'.
10 | const root = ReactDOM.createRoot(document.getElementById('root'));
11 | root.render(
12 |
| ^^^^^^^^^^^^^^^^
13 |
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
14 |
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
15 |
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
16 |
| ^^^^^^^^^^^^^^^^^^^^^^
17 | );
ERROR in src/index.ts:12:6
TS2749: 'ConfigProvider' refers to a value, but is being used as a type here. Did you mean 'typeof ConfigProvider'?
10 | const root = ReactDOM.createRoot(document.getElementById('root'));
11 | root.render(
12 |
| ^^^^^^^^^^^^^^
13 |
14 |
15 |
ERROR in src/index.ts:13:10
TS2749: 'AdaptivityProvider' refers to a value, but is being used as a type here. Did you mean 'typeof AdaptivityProvider'?
11 | root.render(
12 |
13 |
| ^^^^^^^^^^^^^^^^^^
14 |
15 |
16 |
ERROR in src/index.ts:14:14
TS2749: 'App' refers to a value, but is being used as a type here. Did you mean 'typeof App'?
12 |
13 |
14 |
| ^^^
15 |
16 |
17 | );
ERROR in src/index.ts:14:18
TS1005: '>' expected.
12 |
13 |
14 |
| ^
15 |
16 |
17 | );
ERROR in src/index.ts:15:10
TS1161: Unterminated regular expression literal.
13 |
14 |
15 |
| ^^^^^^^^^^^^^^^^^^^^
16 |
17 | );
ERROR in src/index.ts:16:6
TS1161: Unterminated regular expression literal.
14 |
15 |
16 |
| ^^^^^^^^^^^^^^^^
17 | );

Вопрос: что нужно настроить в проекте, чтобы TypeScript распознавал компоненты VKUI?

[SevereCloud]

TLDR: переименуй файл из index.ts в index.tsx

---

Привет, typescript ругается не на VKUI, а на неверный синтаксис. Typescript ожидает ts код, но натыкается на синтаксис jsx.

TS2365: Operator '<' cannot be applied to types 'boolean' and 'RegExp'.

Чтобы использовать синтаксис jsx в typescript требуется две вещи:

1. Файлы с расширением .tsx
2. Настройка опции jsx

[gregor-shkashekwa]

Во, прекрасно заработало, спасибо большое)