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";

好吧，我這兒其實就是調換個位置～