餐厅网站开发：images.js默认导出模块需先赋值变量报错求助

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

修复方案一：将对象赋值给变量后再导出 #

修改constants/images.js代码如下：

const images = {
  bg,
  chef,
  G,
  gallery01,
  gallery02,
  gallery03,
  gallery04,
  knife,
  logo,
  menu,
  overlaybg,
  spoon,
  welcome,
  findus,
  laurels,
  award01,
  award02,
  award03,
  award05,
  sign,
  quote,
  gericht,
};

export default images;

修复方案二：关闭对应的ESLint规则 #

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

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

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