如何修复osm-providers.js的import/no-anonymous-default-export报错

报错原因 #

触发了ESLint的import/no-anonymous-default-export规则，该规则禁止直接导出匿名的默认值（比如匿名对象、匿名函数），要求先将值赋值给有明确含义的变量后再导出，便于代码调试和可读性维护。

修复方案 #

将原代码中直接导出的对象先赋值给变量，再导出该变量即可，修复后代码如下：

// src/pages/Leaflet/osm-providers.js
const osmProviderConfigs = {
  maptiler: {
    url: "https://api.maptiler.com/maps/basic/256/{z}/{x}/{y}.png?key=fXmTwJM642uPLZiwzhA1",
    attribution: '© MapTiler © OpenStreetMap contributors'
  }
}

export default osmProviderConfigs

可选临时方案 #

如果不需要遵守该规则，可在文件第一行添加注释临时关闭当前文件的这条校验，不推荐长期使用：

/* eslint-disable import/no-anonymous-default-export */
export default {
  // 原有代码保持不变
}

内容的提问来源于stack exchange，提问作者עוז היראני