Eslint – невозможно разрешить путь к модулю @web3modal/ethers/react, import/no-unresolved

import { createWeb3Modal, defaultConfig, useWeb3ModalAccount } from '@web3modal/ethers/react'

в этой строке я получаю эту ошибку

ERROR in [eslint]
src\components\App\App.jsx
  Line 1:69:  Unable to resolve path to module '@web3modal/ethers/react'  import/no-unresolved

даже я установил в package.json

"dependencies": {
    "@sentry/cli": "^2.31.0",
    "@sentry/react": "^7.108.0",
    "@tanstack/react-query": "^5.28.2",
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^15.0.4",
    "@testing-library/user-event": "^14.5.2",
    "@web3modal/ethers": "^4.1.11",
    "eslint-plugin-prettier": "^5.1.3",
    "eth-connect": "^6.2.4",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-google-recaptcha-v3": "^1.10.1",
    "react-redux": "^9.1.0",
    "react-router-dom": "^6.22.3",
    "react-scripts": "5.0.1",
    "recoil": "^0.7.7",
    "redux": "^5.0.1",
    "web-vitals": "^2.1.4"
  },

делая это

// eslint-disable-next-line import/no-unresolved

сделать так, чтобы ошибка исчезла, но это не правильный путь, это временно, Может ли кто-нибудь помочь решить эту проблему навсегда, чтобы в eslint не возникало ошибок.

reactjs eslint react-testing-library ethers.js web3modal

25.04.2024 19:59

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

180

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

Ответы 1

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

Проблема esLint решена, так как я не использовал машинописный текст, а мой проект прост. Проект Create-react-app содержит только js и jsx, поэтому ts, tsx не был написан в .eslintrc.json.

"import/resolver": {
      "node": {
           "extensions": [".js", ".jsx", ".ts", ".tsx"]
      },
      "typescript": {}
}

а потом

npm I -D eslint-import-resolver-typescript

и да, esLint не показывает ошибку

28.04.2024 11:00

Другие вопросы по теме

Как отключить проверку сборки angular cling в определенном каталоге?

Как настроить плоскую конфигурацию ESLint с помощью Typescript в VSCode? (без FlatCompat)

Eslint Выдает ошибку: не определять компоненты во время рендеринга

Проблема перехода на eslint 9.0.0

Проблема «В настоящее время используется версия TypeScript, которая официально не поддерживается @typescript-eslint/typescript-estree» после обновления Nuxt

Как предотвратить использование только чисел if/else условий (правило ESLint?): например. if (myNumber) { /* ... */ }

Плоский файл конфигурации с конфигурациями из устаревшей ошибки совместимости eslintrc

Невозможно обеспечить ограниченный импорт в проекте TypeScript, несмотря на настройку baseUrl и разрешение

Почему TypeScript предполагает, что объект документа всегда доступен?

Как показать все ошибки файлов в приложении реагирования с помощью eslint с помощью однострочного кода в сценариях в package.json?

Eslint – невозможно разрешить путь к модулю @web3modal/ethers/react, import/no-unresolved

Ответы 1

Другие вопросы по теме

Похожие вопросы