未找到导出默认值

Question

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

  在'@ / utils / date-translation'中找不到

导出'默认'（导入为'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

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

xls_file = [file for file in os.listdir(r"C:/Users/name/Finance/LOF_PnL") if file.endswith("xls") and y in file][0]

与

import { CustomComponent } from './CustomComponent';

Answer 4

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

config.resolve.symlinks(false);