'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 |