将时刻导入Angular会产生错误

Question

我在使用

时遇到以下错误：Module '".../node_modules/moment/moment"' has no exported member 'default'

import * as _moment from 'moment'; import { default as _rollupMoment } from 'moment'; const moment = _rollupMoment || _moment;

Answer 1

那是因为moment没有名为default的内容你的意思是defaultFormat吗？

此外，您不需要第二次导入。你可以说_moment.defaultFormat

Answer 2

我尝试正确导入Moment时遇到了很多麻烦，而我改为切换到date-fns库。

date-fns采用了一种不同的方法 - 顾名思义，它是日期函数的集合，而不是一个完成所有事情的巨大“神对象”。

额外的好处是：a）你可以只导入你需要的各个功能，b）如果你输入整个东西，那么树震动真的很好。因此，您最终会对模块尺寸产生更小的影响。

Answer 3

根据Moment的文档：

注意：如果导入时遇到问题，请尝试添加 “ allowSyntheticDefaultImports”：编译器选项中为true 在您的tsconfig.json文件中，然后使用语法