В чем причина этой ошибки eslint и как ее исправить?

Я получаю приведенную ниже ошибку lint для кода, показанного ниже. Как это исправить? Небезопасный доступ к члену .item по любому значению. Eslint@typescript-eslint/no-unsafe-member-access

Поиск в Интернете по запросу «@ typescript-eslint / no-unsafe-member-access» обнаруживает следующее: github.com/typescript-eslint/typescript-eslint/blob/master/… Значение store.state имеет тип any, и это правило линтинга предотвращает доступ к членам на any. Убедитесь, что store.state имеет правильный тип, а не any.

— 06.04.2021 16:44

Джеспер, пожалуйста, проверьте правильность моего исправления ниже

— 07.04.2021 08:44

typescript vuex eslint typescript-eslint

06.04.2021 16:14

Зод: сила проверки и преобразования данных

Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...

Как заставить Remix работать с Mantine и Cloudflare Pages/Workers

Мне нравится библиотека Mantine Component , но заставить ее работать без проблем с Remix бывает непросто.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

TypeScript против JavaScript

TypeScript vs JavaScript - в чем различия и какой из них выбрать?

Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage

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

Что такое ленивая загрузка в Angular и как ее применять

Ленивая загрузка - это техника, используемая в Angular для повышения производительности приложения путем загрузки модулей только тогда, когда они...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Эта ошибка означает, что store.state есть. Убедитесь, что у него правильный тип.

06.04.2021 18:18

Спасибо Логану Девайну и Джесперу за помощь.

Тип состояния - StateInterface.

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

const itemName = computed(() =>  (<StateInterface> store.state).item.itemName)

Выглядит неплохо, но если это проект React (или для ясности), используйте foo as bar вместо <bar>foo ((store.state as StateInterface).item.itemName)).

— 07.04.2021 18:01

Спасибо. Это проект Vue. Я изменил его на предложенный вами способ.

— 08.04.2021 06:28

06.04.2021 18:34