'已定義但從未使用過 no-unused-vars'，已定義但從未使用過 no-unused-vars

Question

我正在啟動一個小型反應項目（初學者），當我將我的“應用程序”組件切割成許多小組件時，例如“標題”，它不起作用。 一旦我剪掉標題，錯誤就開始發生。 並且說標題 css 也沒有加載。 您可以在元素檢查器中看到 React 組件存在，但它不想加載與其關聯的 css。

// In App.js

import React from 'react';
import header_type from './header';


class App extends React.Component {
    render() {
        return (

                <div className="window">
                    <div className="window-body">
                        <header_type/>
                    <div className='window_inner'>
                        <div className="column_left">
                        </div>
                        <div className="column_right">
                        </div>
                    </div>
                    </div>
                </div>


        )
    }
}

export default App;

// In header.js

class header_type extends React.Component {
    render() {
        return (

            <div className="window-header" >
            </div>


        )
    }
}

export default header_type;

// In index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from '../src/components/App';
import '../src/style/window.css';

 ReactDOM.render(

 <App />, document.getElementById('root')

);

// error :
Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

WARNING in src\components\App.js
  Line 2:10:  'header_type' is defined but never used  no-unused-vars

webpack compiled with 1 warning

預先感謝您的回答。 祝你今天過得愉快。

Answer 1

上面存在的一個問題是代碼是您從 header.js 導出默認組件，並將其作為 App.js 中的命名導出導入。

在您的 App.js 中，在導入標頭組件時將其導入為import header_type from './header';

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export