react编译报错：Import in body of module; reorder to top import/first

原因是这样的：

我把一个组件分为三个文件，

               |—         //  业务逻辑与html
         Home——|—         //  样式
               |—         //  引入 ,再把Home组件暴露出去

其中是对 的导出,和对的导入，代码是这样的：

export { default } from "./";
import "./";

于是，，，，于是，就报错啦， 以前这样写也没问题的呀，google搜搜说是因为这个：

 

import 必须在其它所有业务代码前面（eslint 暴出），

异步组件导入了 也不能插在其他导入的东西前面，

 

类似的行为都会报这个错误

 

改成这样就好啦：

import "./";
export { default } from "./";

好吧，我这儿其实就是调换个位置～