微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 TypeScript 中使用 date-fns?

如何解决如何在 TypeScript 中使用 date-fns?

我有一个带有 TypeScript 的 ASP.NET Core 网站。我的 ASP.NET Core 设置很典型,因为它在项目的根目录中有一个 node_modules 文件夹,然后我将我正在使用的库的源文件夹从 node_modules 复制到 {{1} } 使用 Gulp。

因此,我在 wwwroot/lib 和我的 TypeScript wwwroot/lib/date-fns 文件中有 date-fns 源文件,我试图像这样导入它:

.ts

VS2019 代码编辑器正在自动补全文件夹,所以它可以看到它,但我不知道要输入什么 import * as fns from "lib/date-fns/i.am.stuck.here.js"; 文件,它不建议输入。

我也不知道是否应该导入 * 或其他内容。我不是前端开发人员,所以我在 TS 和 JS 以及导入和需要以及所有这些方面挣扎。

我可以看到 date-fns 有一个打字文件,所以我认为这对于知情人士来说是直接的。


更新:

我发现了这个:

https://github.com/date-fns/date-fns/blob/master/examples/typescript/example.ts

这很奇怪,因为将我的代码更新到下面,这是在编辑器读取磁盘上的文件夹时自动建议的:

.js

给我一​​个错误

import { format } from "lib/date-fns";

当我导入 moment.js 时,我将它指向了自动建议的 error TS2307: Cannot find module 'lib/date-fns' or its corresponding type declarations. 文件本身。

此外,如果我更改为 .js,我会收到同样的错误,因此我无法判断是文件路径存在问题还是 TypeScript 定位模块问题。


更新:

我可以让 TypeScript 消除错误并大概找到一个具有此功能的模块:

'lib/date-not-exist'

但这不起作用,因为:

import * as dformat from "lib/date-fns/format/index";

给出错误

var result = dformat(date,'dd.MM.yyy HH:mm:ss');

解决方法

如果您在导入通常在浏览器中使用 TypeScript 和 JavaScript 的模块时遇到问题,请参阅我在 Import a JavaScript module or library into TypeScript 中的回答。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。