时间戳

首页 > 解决方案 > 与模块顺序相关的 EsLint 问题

reactjs - 与模块顺序相关的 EsLint 问题

问题描述

我有错误

第 18 行：在模块体中导入；重新排序到顶部导入/第一

第 19 行：在模块体中导入；重新排序到顶部导入/第一

搜索答案，据我所知，这个问题与导入模块的顺序有关，但我是初学者，请帮我澄清一下，我应该对我的代码做什么，因为我试图重新排序，但什么也没发生。

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();

标签： reactjsecmascript-6eslint

解决方案

该消息还应该告诉您为您看到的每个 lint 错误“搜索关键字”。如果您搜索import/first关键字，您将看到解释问题以及如何解决问题的说明。

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

const browserHistory = createBrowserHistory();

在所有import陈述之下。

推荐阅读