关于react脚手架报错 Import in body of module； reorder to top import/first解决方案

在使用react脚手架的时候，总会出现一些问题，如下面这个问题：

当出现这种问题的时候，一般是我们在使用module.css文件引入会出现这样的问题，这种问题其实只需要将我们引入的css文件顺序提前即可

import React,{useEffect, useState} from 'react'
import { PageHeader, Button, Descriptions,Steps,Form,Input, Select } from 'antd';
import axios from 'axios';
const { Step } = Steps;
const {Option} =Select
import style from './News.module.css'

上面是错误的引入方法：

正确的引入方法应该是

import React,{useEffect, useState} from 'react'
import { PageHeader, Button, Descriptions,Steps,Form,Input, Select } from 'antd';
import style from './News.module.css'
import axios from 'axios';
const { Step } = Steps;
const {Option} =Select

其实报错的这句话翻译过来：

在模块主体中导入;重新排序到顶部导入/第一个

这个是使用goole直接翻译的：大概的意思就是我们应该将import引入到其他的代码前面