原因是這樣的：

我把一個組件分為三個文件，

|—Home.jsx // 業務邏輯與htmlHome——|—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

總結

以上是生活随笔為你收集整理的react编译报错：Import in body of module; reorder to top import/first的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。