1

我是 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 包吗？

人们希望一年前的教程足够新，可以学习。唉，耳垢。

4

1 回答 1

2

您可以在此处获取 CDN 构建date-fns：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/

于 2020-01-22T18:20:16.300 回答