Export default was not found

Question

I have a Vue 2 project, and I've written a simple function for translating months in dates, which I would like to import in one of my components, but I'm getting an error:

export 'default' (imported as 'translateDate') was not found in '@/utils/date-translation'

The relative file path from the src folder is correct, and I am exporting the function like this:

export function translateDate(date) {   // my code } 

And then I am importing it in the component like this:

import translateDate from '@/utils/date-translation' 

What am I doing wrong?

Answer 1

You have to specify default explicitly:

export default function translateDate(date) {    .. } 

Answer 2

Either specify default as mentioned above, or if you're trying to export multiple items from the same file you need to import them with curly brackets.

So you would have:

export function doWork(){} export const myVariable = true; 

And then you'd import them in a separate file as:

import { doWork, myVariable} from "./myES6Module"