Проблема EsLint, связанная с заказом модуля

Question

Я получил ошибки

Строка 18: импорт в тело модуля;переупорядочить наверх import / first

Строка 19: Импорт в теле модуля;переупорядочить в начало import / first

Поиск ответа, так как я понял, что эта проблема связана с порядком импортируемых модулей, но я новичок, пожалуйста, помогите мне уточнить, что именно я должен делать с моим кодом, потому чтоЯ пытался изменить порядок, но ничего не произошло.

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 операторов.