eslint报错`react-redux` import should occur before import of `./style/index.module.less`

这篇博客讲述了在模块化开发中,eslint 检测到导入顺序不规范的问题。通常,第三方库应先于本地文件导入,而作者在代码中犯了这个错误。通过调整导入顺序,代码恢复正常运行,强调了遵循最佳实践和使用静态代码分析工具的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们知道,在模块化开发中,关于引入类库或者组件的顺序问题是有共识的,一般是第三方类库在上方,本地文件在下方。但有时候没有注意到,eslint好强大库🤣,这都能给我发现。

import React, { useEffect, useRef, useState } from 'react';
// import axios from 'axios';
import styles from './style/index.module.less';
import history from '../../history';
import useLocale from '../../utils/useLocale';
import { useDispatch } from 'react-redux';

报错:
在这里插入图片描述

解决:
在这里插入图片描述
在这里插入图片描述
恢复正常
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值