与模块顺序相关的 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

该消息还应告诉您 "search the keywords" 您看到的每个 lint 错误。如果您搜索 import/first 关键字，您将找到 at this description 来解释问题以及解决方法。

你的情况，你需要搬出去

const browserHistory = createBrowserHistory();

低于所有 import 语句。

与模块顺序相关的 EsLint 问题

EsLint issue related to module order

ecmascript-6

reactjs

eslint