Tengo un proyecto Vue 2 y he escrito una función simple para traducir meses en fechas, que me gustaría importar en uno de mis componentes, pero recibo un error:
exportar 'predeterminado' (importado como 'translateDate') no se encontró en '@/utils/date-translation'
La ruta de archivo relativa de la carpeta src es correcta y estoy exportando la función de esta manera:
export function translateDate(date) { // my code }Y luego lo estoy importando en el componente de esta manera:
import translateDate from '@/utils/date-translation'¿Qué estoy haciendo mal?
Tienes que especificar default explícitamente:
export default function translateDate(date) { .. }Especifique default como se mencionó anteriormente, o si está tratando de exportar varios elementos del mismo archivo, debe importarlos con corchetes.
Entonces tendrías:
export function doWork(){} export const myVariable = true;Y luego los importaría en un archivo separado como:
import { doWork, myVariable} from "./myES6Module"En mi caso, tuve que eliminar '{' y '}' alrededor del componente importado:
import { CustomComponent } from './CustomComponent';con
import CustomComponent from './CustomComponent';