进口申报中的所有进口均未使用。从 reactstrap 导入的组件无法识别答案

【问题标题】：All imports in import declaration are unused. Components imported from reactstrap cannot be recognized进口申报中的所有进口均未使用。从 reactstrap 导入的组件无法识别
【发布时间】：2019-10-19 01:16:14
【问题描述】：

我正在尝试在我的 Web 应用程序中使用 reactstrap 依赖项，但无法识别所有导入。

我已经尝试重新安装并检查了依赖项的源文件夹，它们看起来还不错。我正在使用 MERN 堆栈并从客户端（react，端口 3000）和服务器端（端口 5000）运行两个服务器。

 import React, { Component } from "react";
 import {
 Collapse,
 Navbar,
 NavbarToggler,
 NavbarBrand,
 Nav,
 NavItem,
 NavLink,
 Container
} from "reactstrap";

“reactstrap”中的 import {...,...,...} 在编辑器中变为浅色，我收到一条消息说声明中的所有导入都未使用。

下面是来自 package.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"
      ]
     } 
    }

【问题讨论】：

你试过在组件中使用它们吗？该消息仅表示您没有使用已导入的组件。您现在可以忽略该消息
说你从 React 导入了组件，但实际上你并没有创建组件？你会得到同样的信息。这个想法是，无论您导入什么依赖项，都使用它。否则，为什么要导入它们？
IDE 正在帮助您删除不必要的导入，以实现潜在的 tree-shaking 目的。如果您仍处于开发阶段，您可以忽略该警告，当您倾向于使用这些组件时它会消失。

标签： javascript reactjs reactstrap

【解决方案1】：

这只是您的编辑器告诉您您导入的组件实际上并未在文件中使用。尝试在您的代码中使用它们，警告就会消失。

【讨论】：