與模塊訂單有關的EsLint問題

Question

我有錯誤

第18行：導入模塊主體； 重新排序到頂部導入/第一

第19行：導入模塊主體； 重新排序到頂部導入/第一

搜索答案，據我所知，這個問題與導入模塊的順序有關，但是我是乞gg，請幫我弄清楚我應該對我的代碼執行什么操作，因為我嘗試重新排序，但是什么也沒發生。

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

// Import Components
import Main from './components/Main';
import Single from './components/Single';
import PhotoGrid from './components/PhotoGrid';


// Import react router deps
import { Router, Route} from 'react-router-dom'
import { createBrowserHistory } from 'history';
const browserHistory = createBrowserHistory();

import { Provider } from 'react-redux';
import store, { history } from './store';


const router = (
<Provider store={store}>
    <Router history={ browserHistory }>
        <Route path='/' component={Main}>
            <Route exact component={PhotoGrid}></Route>
            <Route path="/view/:postId" component={Single}></Route>
        </Route>
    </Router>
</Provider>

 )

ReactDOM.render(router, document.getElementById('root'));
registerServiceWorker();

Answer 1

該消息還應告訴您針對您看到的每個皮棉錯誤“搜索關鍵字”。 如果您搜索import/first關鍵字，則將獲得此說明 ，以說明問題以及如何解決此問題。

就您而言，您需要搬出

const browserHistory = createBrowserHistory();

在所有import語句下方。