找不到导出默认值

Question

我有一个VUE2项目，我编写了一个简单的函数来翻译日期中的月份，我想将它导入到我的一个组件中，但是我得到了一个错误：

在“@/utils/date-translation”中找不到导出“default”（导入为“translate date”）

src文件夹中的相对文件路径是正确的，我导出的函数如下所示：

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

然后我将其导入到组件中，如下所示：

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

我做错了什么？

Answer 1

您需要在vue.config.js中设置符号链接设置

config.resolve.symlinks(false);

Answer 2

或者如上所述指定default，或者如果您试图从同一文件导出多个项目，则需要用花括号导入它们。

所以您将会：

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

然后将它们导入到一个单独的文件中,作为：

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

Answer 3

必须显式指定default:

export default function translateDate(date) {
   ..
}