JavaScript - 未找到导出默认值

Question

我有一个Vue 2项目,我编写了一个简单的函数来翻译几个月的日期,我想在我的一个组件中导入,但是我收到一个错误:

在'@/utils/date-translation'中找不到导出'default'(导入为'translateDate')

来自src文件夹的相对文件路径是正确的,我正在导出这样的函数:

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

然后我在组件中导入它,如下所示:

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

我究竟做错了什么？

Answer 1

您必须default明确指定:

export default function translateDate(date) {
   ..
}

Answer 2

default如上所述指定,或者如果您尝试从同一文件导出多个项目,则需要使用大括号导入它们.

所以你会:

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

然后你将它们导入到一个单独的文件中:

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

Answer 3

就我而言，我必须删除导入组件周围的“{”和“}”：

import { CustomComponent } from './CustomComponent';

和

import CustomComponent from './CustomComponent';