Я пытаюсь использовать зависимость реактивной ленты в моем веб-приложении, но не удается распознать весь импорт.
Я попытался переустановить и проверил исходную папку на наличие зависимостей, и они казались в порядке. Я использую стек MERN и запускаю оба сервера с клиента (реакции, порт 3000) и со стороны сервера (порт 5000).
import React, { Component } from "react";
import {
Collapse,
Navbar,
NavbarToggler,
NavbarBrand,
Nav,
NavItem,
NavLink,
Container
} from "reactstrap";
Импорт {..., ..., ...} из "actstrap "стал светлоокрашенным в редакторе, и я получил сообщение о том, что все импорты в объявлении не используются.
Ниже приведена информация из пакета. Json
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies": {
"bootstrap": "^4.3.1",
"jquery": "^3.4.1",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-scripts": "3.0.1",
"react-transition-group": "^4.1.0",
"reactstrap": "^8.0.0",
"typescript": "^3.5.1",
"uuid": "^3.3.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"proxy": "http://localhost:5000",
"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"
]
}
}