Recibo la advertencia en la consola: "Asignar objeto a una variable antes de exportar como importación predeterminada del módulo/exportación predeterminada no anónima".
Esto proviene de mis funciones .js que exportan varias funciones por defecto. No estoy seguro de cómo deshacerme de él, sin dejar de poder exportar varias funciones de forma predeterminada y mantener el código simple como se indica a continuación.
function init() {} function log(error) { console.error(error); } export default { init, log, };Podría escribir el archivo como:
export default function init() {} export function log(error) { console.error(error); }¿Hay alguna configuración que deba cambiar, algo que pueda hacer al respecto?
Asain sus datos en una variable, luego exporte como predeterminado.
//Ejemplo
const data = [ { id: 1, name: 'Bertie Yates', age: 29, image: 'https://res.cloudinary.com/diqqf3eq2/image/upload/v1595959131/person-2_ipcjws.jpg', }, { id: 3, name: 'Larry Little', age: 36, image: 'https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883423/person-4_t9nxjt.jpg', }, { id: 4, name: 'Sean Walsh', age: 34, image: 'https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883417/person-3_ipa0mj.jpg', }, ] export default dataLe está diciendo que le dé un nombre al objeto que se exporta antes de exportar, para que sea más probable que el nombre utilizado sea consistente en todo el código base. Por ejemplo, cambie a:
function init() {} function log(error) { console.error(error); } const logger = { init, log, }; export default logger; (Déle el nombre que tenga más sentido en contexto; el logger es solo un ejemplo)
Pero si va a exportar varias cosas, usar exportaciones con nombre tendría un poco más de sentido en mi opinión. Otra opción es hacer:
export function init() {} export function log(error) { console.error(error); }y luego importarlos como:
import { init, log } from './foo.js';