Question

我收到了错误

第18行：在模块体内导入;重新排序到顶部导入/第一个

第19行：在模块体内导入;重新排序到顶部导入/第一个

搜索答案，因为我知道这个问题与导入模块的顺序有关，但是我要帮助我澄清，我应该对我的代码做什么，因为我试图重新排序，但没有happend。

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关键字，您将会到达解释问题的at this description，以及如何解决问题。

在你的情况下，你需要搬出

const browserHistory = createBrowserHistory();

低于所有import语句。

EsLint问题与模块顺序有关

1 个答案: