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

原因是这样的：

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

|—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的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。