将"date-fns“导入Svelte模块时出错

Question

当我尝试构建我的Svelte应用程序时，我得到了以下错误：

[!] Error: 'default' is not exported by node_modules\date-fns\esm\index.js, imported by src\components\Month.svelte
https://rollupjs.org/guide/en/#error-name-is-not-exported-by-module
src\components\Month.svelte (2:11)
1: <script>
2:     import dateFns from 'date-fns';

我首先运行了npm install date-fns，因此包存在于我的项目中。我使用的是默认的汇总配置，它是使用degit模板创建的。

你有什么办法让它工作吗？

干杯!

Answer 1

正如错误消息所述，date-fns很可能没有默认导出功能。尝试按名称导入您需要的方法，例如：

import { format, compareAsc } from 'date-fns'

format(new Date(2014, 1, 11), 'MM/dd/yyyy')
//=> '02/11/2014'

const dates = [
  new Date(1995, 6, 2),
  new Date(1987, 1, 11),
  new Date(1989, 6, 10),
]
dates.sort(compareAsc)
//=> [
//   Wed Feb 11 1987 00:00:00,
//   Mon Jul 10 1989 00:00:00,
//   Sun Jul 02 1995 00:00:00
// ]

根据您的特定需求，您可能还需要导入特定子模块和/或区域设置。date-fns documentation相当全面，你应该可以在那里找到你需要的所有答案。