使用 npm 导入日期 fns



我是 Web 开发的新手,正在遵循一个只有 1 年历史的 JS 教程,但使用过时的说明使用 CDN 导入 JS 库 date-fns。我喜欢 CDN,不幸的是现在只有一个 npm 包可用(文档链接(。

我确保 npm 已更新,然后将 date-fns 安装到所需的目录,并在终端中使用以下行:

npm install date-fns --save

除了这个例子之外,没有更多关于如何使用该包的说明,我假设它位于 JS 文件中而不是 html 中:

import { formatDistance, subDays } from 'date-fns'

。但是使用此语法尝试从包中导入 isToday 方法在我的 Chrome 控制台中会发出以下警告:

Uncaught SyntaxError: Cannot use import statement outside a module

这个问题在别处被问过,但这些答案中有太多与 npm 相关的术语,我不知道我应该做什么。此外,代码不同且较旧。"模块"是指 npm 包吗?

人们希望一个一年前的教程足够新,可以遵循。唉,耳垢。

你可以在这里获得date-fns的CDN版本:https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.30.1/date_fns.js

import/export在本机浏览器中不起作用,特别是当您尝试使用 npm 包时。由于您是初学者,我不想混淆您,但import/export在特定情况下有效。您可以在此处阅读更多相关信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

一旦你熟悉了 Web 开发,你可以尝试使用像 Parcel 这样的捆绑器,它允许你使用 npm 包并将它们组合成一个可以在 web 中使用的 JS 文件:https://parceljs.org/

最新更新