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

原因是这样的：

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

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

其中index.js是对Home.js 的导出,和对Home.css的导入，代码是这样的：

export {  default  } from "./Home.jsx" ;
import  "./Home.css";

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

 

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

p.p1 { margin: 0; font: 13px "Helvetica Neue" }

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

 

p.p1 { margin: 0; font: 13px "Helvetica Neue" }

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

 

改成这样就好啦：

import "./Home.css" ;
export {   default  } from "./Home.jsx";

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

 

查看更多关于react编译报错：Import in body of module; reorder to top的详细内容...