LINUX.ORG.RU

Module not found: Can't resolve '@material-ui/icons/Password'

 , ,


0

1

Есть веб-приложение с фронтендом на React.

$ ls
build  node_modules  package.json  package-lock.json  public  README.txt  src
$ cat package.json 
{
  "name": "fornt",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@khanacademy/react-multi-select": "^0.3.3",
    "@material-ui/core": "4.0.0",
    "@material-ui/icons": "4.0.0",
    "axios": "0.18.0",
    "classnames": "2.2.6",
    "es6-promise": "4.2.6",
    "moment": "2.24.0",
    "re-resizable": "*",
    "react": "^16.8.6",
    "react-cookie": "4.0.0",
    "react-dom": "^16.8.6",
    "react-redux": "7.0.3",
    "react-router-dom": "5.0.0",
    "react-scripts": "3.0.1",
    "redux": "4.0.1",
    "redux-thunk": "2.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "proxy": "http://127.0.0.1:5000"
}

src/components/Profile.js

import AddIcon from '@material-ui/icons/AddBox'
import EditIcon from '@material-ui/icons/Edit';
// работают

import PasswordIcon from '@material-ui/icons/Password';
// валится с ошибкой ниже

$ npm start
Failed to compile.

./src/components/Profile.js
Module not found: Can't resolve '@material-ui/icons/Password' in '<путь>/src/components'
★★★

‘@material-ui/icons/Password’

Прочитал как:

‘@material-unicorns/Password’

А по теме – нету такой иконки в наборе, либо же не по тому пути расположена. Чтобы убедиться в этом, замени путь другим, заведомо рабочим.

Korchevatel ★★★★★
()
Последнее исправление: Korchevatel (всего исправлений: 1)

В пятой версии библиотеки появились password-иконы, в четвёртой ничего такого, вроде, нет.

Miguel ★★★★★
()
Ответ на: комментарий от static_lab

Так в npm последняя версия 4.11.2. Есть другая библиотека из того же гита @mui/icons-material, надо ее подключить вместо @material-ui/icons?

Тогда получается @material-ui/core надо вот так заменить на @mui/material?

cast dsxl Miguel

damix9 ★★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.