Javascript “Header”已定义但从未使用过没有未使用的变量

我是新手。我已经创建了一个应用程序，并试图在app.js中加载头组件。当我尝试加载Header组件时，show会在命令提示符中抛出警告错误，如下所示

./src/components/Header.jsx
Line 2 'Header' is defined but never used  no-unused-vars

运行应用程序时，还会在浏览器中引发错误

React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

请在App.js:24查看您的代码

我在根目录中添加了一个文件.eslintrc，并添加了以下代码

{
"parserOptions": {
  "ecmaFeatures": {
      "jsx": true
  }
},
"rules": {

}
}

到目前为止，一切都不起作用。有人能帮我吗。

请将Header.jsx重命名为Header.js

请确保在App.js的顶部添加以下代码行：

import {Header} from '/src/components/Header.jsx'

确保将导出放在类头{..}前面

---

希望有帮助-

是否尝试使用标头？是否尝试从“./components/Header”导入标头？如果是，我已经只使用了标题。是的，这就是问题所在：您导入了它，但从未使用过它。将其添加到渲染函数的返回值中。导出默认类标头扩展React.Component{}，然后您必须将文件导入到要返回值的实际文件中。@Ozan-它工作得很好。谢谢。app.js已经在src文件夹中了。我尝试过添加导出，如下所示：没有任何东西可以工作相同的错误。导入React，{Component}从'React'导出类头扩展组件{render{return Your Header；}}问题应该得到解决，请尝试重新加载。根据，不需要从“React”导入组件，如import React、{component}，它可能会产生另一个警告。