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

原因是这样的：

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

               |—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 暴出），

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

 

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

 

改成这样就好啦：

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

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

 

转载于:https://www.cnblogs.com/aloehui/p/9333132.html