Question

我是reactjs的新手。我创建了一个应用程序并尝试在app.js中加载头部分。当我尝试加载Header组件时，它会在命令提示符中显示警告错误

./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

我添加了一个文件＆＃34; .eslintrc＆＃34;在根目录中添加以下代码

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

}
}

到目前为止没有任何作用。任何人都可以帮助我。

Answer 1

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

请务必在App.js上添加以下代码行：

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

务必将export放在class Header {..}

前面

希望有所帮助; - ）

＆＃39;头＆＃39;已定义但从未使用过no-unused-vars

1 个答案: