'Export default was not found

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?



Solution 1:[1]

You have to specify default explicitly:

export default function translateDate(date) {
   ..
}

Solution 2:[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"

Solution 3:[3]

In my case I had to remove '{' and '}' arround the imported component :

import { CustomComponent } from './CustomComponent';

with

import CustomComponent from './CustomComponent';

Solution 4:[4]

You need to set symlink setting in vue.config.js

config.resolve.symlinks(false);

Solution 5:[5]

Maybe you have two files with the same name.For example, "test.vue" and "test.js"

Solution 6:[6]

Rather than using

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

use

     function translateDate(date){
         //code
          }

export default translateDate;

it worked for me...

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Danil Speransky
Solution 2 Alex D
Solution 3 pushStack
Solution 4 Farid Vatani
Solution 5 dangdangdanglll
Solution 6 Jason Dsouza013