Как исправить ошибку?

Question

[Werbandul]

Здравствуйте, только начинаю изучать TypeScript, подскажите что не нравится компилятору?))
Создаю обьект и обращаюсь к нему:

const routes: object = {
  '/': 'about',
  '/game': 'game',
  '/score': 'score',
  '/settings': 'settings',
}

root.innerHTML = routes[window.location.pathname];

Получаю такую ошибку:
Элемент неявно имеет тип "any", так как выражение типа "string" не может использоваться для индексации типа "{}".
В типе "{}" не обнаружена сигнатура индекса с параметром типа "string".

Comments

[imdeveloper]

const routes: any = {
  '/': 'about',
  '/game': 'game',
  '/score': 'score',
  '/settings': 'settings',
}

[WbICHA]

imdeveloper, есть 2 типа людей: первый не знает и спрашивает, а второй не знает и отвечает.

[Sun_Day]

Так объект типизируй нормально.
Почитай что такое интерфейс.

Answer 1

[WbICHA]

Тип object ─ это пустой объект, а пустой объект будет возвращать ошибку на любой ключ, потому что это пустой объект.
В твоём случае нужно либо не указывать тип вовсе, но тогда routes[window.location.pathname]; вернёт ошибку, поскольку ты будешь использовать тип string, которого в объекте нет (только заданные ключи), либо использовать тип { [key: string]: string }.

Comments

[Werbandul]

Спасибо за объяснение, помогло