与模块订单有关的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语句下方。