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相关推荐

鸿蒙工程编译报错：check whether the ‘app‘ sub-tag ‘apiVersion‘ label is notEmpty
问题鸿蒙工程编译报错: Please check 'entry' module config.json, check whether the 'app' sub-tag 'apiVersion' l ...
react+typescript报错集锦持续更新
typescript报错集锦错误:Import sources within a group must be alphabetized.tslint(ordered-imports) 原因:impo ...
less background url相对路径取不到编译报错问题
2019独角兽企业重金招聘Python工程师标准>>> 用react create app创建一个项目执行npm run test 添加less支持,并添加modules:true ...
'React' must be in scope when using JSX react/react-in-jsx-scope报错：
'React' must be in scope when using JSX react/react-in-jsx-scope报错: 在头部引入 import React from 'react'即 ...
android 项目编译报错符号: 类 shape 位置: 程序包 android.widget
错误 android 项目编译报错符号: 类 shape 位置: 程序包 android.widget 详细错误 Compiling with JDK Java compiler API. D:\A ...
java编译报错提示编码gbk的不可映射字符啥意思_解决java编译错误：编码GBK的不可映射字符...
[我的Android进阶之旅]解决Android Studio 运行gradle命令时报错: 错误: 编码GBK的不可映射字符 1.问题描述最近在负责公司基础业务和移动基础设施的开发工作,正在负责L ...
编译报错：error: ro.build.fingerprint cannot exceed 91 bytes
编译报错:error: ro.build.fingerprint cannot exceed 91 bytes Notice file: system/core/libzipfile/NOTICE - ...
[IAR] 编译报错:Variable expansion failed for Pre-Build command line
这里写目录标题项目场景: 问题描述: 原因分析: 解决方案: 项目场景: 导入工程,编译报错. Variable expansion failed for Pre-Build command lin ...
使用TS+vue3封装axios时编译报错，提示You may need an additional loader to handle the result of these loaders.
基于vue3+TS构建的商城后台管理系统根据coderwhy老师指导搭建的项目为PC端商品后台管理系统. 报错: 使用TS+vue3封装axios时编译报错,提示You may need an ad ...

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

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

最新文章

热门文章