加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – Create-React-App无法编译|导入/第一个错误

发布时间:2020-12-15 20:54:39 所属栏目:百科 来源:网络整理
导读:我目前正在为我的个人网站使用Create-React-App.每次运行时我都会遇到以下错误: ./src/~/react-router-dom/es/index.js Line 3: Import in body of module; reorder to top import/first Line 5: Import in body of module; reorder to top import/first Li
我目前正在为我的个人网站使用Create-React-App.每次运行时我都会遇到以下错误:
./src/~/react-router-dom/es/index.js
 Line 3:   Import in body of module; reorder to top  import/first
 Line 5:   Import in body of module; reorder to top  import/first
 Line 7:   Import in body of module; reorder to top  import/first
 Line 9:   Import in body of module; reorder to top  import/first
 Line 11:  Import in body of module; reorder to top  import/first
 Line 13:  Import in body of module; reorder to top  import/first
 Line 15:  Import in body of module; reorder to top  import/first
 Line 17:  Import in body of module; reorder to top  import/first
 Line 19:  Import in body of module; reorder to top  import/first
 Line 21:  Import in body of module; reorder to top  import/first
 Line 23:  Import in body of module; reorder to top  import/first
 Line 25:  Import in body of module; reorder to top  import/first

我当然觉得我错过了一些非常小的东西,但我很难搞清楚.我尝试使用Google搜索错误关键字’import / first’,这让我觉得这是一个ESLint问题.如果您在我的导入订单中发现任何问题,请告诉我.我尝试了不同的导入订单,但似乎没有什么可以摆脱错误.

import React from 'react';
import ReactDOM from 'react-dom';
import { createBrowserHistory } from 'history';
import { Router,Route,Redirect,Switch } from 'react-router-dom';
import './index.css'; 
import App from './App.js';
import Home from './home.js';
import About from './about.js';
import Contact from './contact.js';
import NotFound from './404.js';

import registerServiceWorker from './registerServiceWorker';

const history = createBrowserHistory();

ReactDOM.render(
    <Router history={history}>
        <App>
            <Switch>
                <Route exact path="/" component= {Home} />
                <Route path="/about" component= {About} />
                <Route path="/contact" component= {Contact} />
                <Route path="/404" component= {NotFound} />
                <Redirect to= "/404" />
            </Switch>
        </App>
    </Router>,document.getElementById('root')
);
registerServiceWorker();
这是因为您不小心将React Router安装到src文件夹中.所以linter认为这是你的代码并试图验证它.不要在src中安装第三方依赖项.

删除src / node_modules并在应用程序的根文件夹中运行npm install.如果缺少某个软件包,请在根文件夹中运行npm install –save< package-name>.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读