为什么我的JavaScript代码出现Unused default export错误？

错误原因 #

Unused default export是IDE或者ESLint这类静态代码检查工具抛出的提示，核心原因是：

• 你给myEmailAddress函数加了export default默认导出声明，说明你这个函数是设计给其他JS文件导入使用的
• 但目前没有任何其他文件导入这个默认导出的内容，哪怕你在当前文件已经调用过这个函数，检查工具还是会触发这个告警

解决方法 #

根据你的实际需求选对应方案即可： #

方案1：仅在当前文件使用该函数，不需要对外提供 #

直接删除开头的export default修饰符即可，修改后代码：

function myEmailAddress(myEmail) {
  return myEmail;
}

let myResult = myEmailAddress("email.com");
console.log(myResult)

方案2：确实需要给其他文件提供这个函数 #

在需要用到这个函数的其他JS文件中添加导入语句即可，示例：

// 注意把后面的路径替换成你当前这个文件的实际相对路径
import myEmailAddress from './your-file-name.js'

// 导入后就可以正常调用
myEmailAddress('xxx@example.com')

方案3：临时屏蔽告警（不推荐） #

如果需要保留导出但暂时不想处理，可以加注释关闭对应检查，ESLint环境下写法：

// eslint-disable-next-line import/no-unused-modules
export default function myEmailAddress(myEmail) {
  return myEmail;
}

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