React警告：导出默认模块前需将对象赋值给变量

这个警告是ESLint的import/no-anonymous-default-export规则触发的，它禁止直接导出匿名对象作为模块默认导出，要求先把对象赋值给一个具名变量再导出。

修复方案（推荐） #

修改src/constants/images.js，将匿名对象赋值给具名变量后再导出：

import email from '../assets/email.png';
import mobile from '../assets/mobile.png';
import api from '../assets/api.png';
// 其他图片导入...

// 定义具名变量存储图片集合
const imageAssets = {
    email,
    mobile,
    api,
    // 其他图片键值对...
};

export default imageAssets;

修改后，其他文件的导入和使用逻辑完全不需要改动——src/constants/index.js的重命名导出、Navbar.jsx里的图片调用都能正常工作，同时符合ESLint的规范要求。

备选方案（关闭规则） #

如果不需要遵循该规范，可以在项目ESLint配置文件（如.eslintrc.js或.eslintrc.json）中关闭规则：

{
  "rules": {
    "import/no-anonymous-default-export": "off"
  }
}

不过不推荐这么做，该规则的设计是为了提升代码可读性与可维护性，具名变量能让模块内部复用更方便，也便于调试时识别导出内容。

内容的提问来源于stack exchange，提问作者Darkpsinight