我在控制台中收到警告:“在导出为模块默认导入/no-anonymous-default-export 之前将对象分配给变量。”
这来自我的 .js 函数,它默认导出多个函数。我不知道如何摆脱,同时仍然能够默认导出几个函数并保持代码简单,如下所示。
function init() {}
function log(error) {
console.error(error);
}
export default {
init,
log,
};
我可以将文件写为:export default function init() {}
export function log(error) {
console.error(error);
}
是否有我需要更改的设置,我可以做些什么?
最佳答案
它告诉您在导出之前给要导出的对象一个名称,以使所使用的名称更有可能在整个代码库中保持一致。例如,更改为:
function init() {}
function log(error) {
console.error(error);
}
const logger = {
init,
log,
};
export default logger;
(给它起任何在上下文中最有意义的名字 - logger
只是一个例子)但是如果你要导出多个东西,使用命名导出会更有意义 IMO。另一种选择是:
export function init() {}
export function log(error) {
console.error(error);
}
然后将它们导入为:import { init, log } from './foo.js';
关于javascript - 如何摆脱 React 中的 import/no-anonymous-default-export 警告?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64729264/