我是 Web 开发新手，正在学习一个 JS 教程，该教程只有 1 年历史，但使用过时的指令通过 CDN 导入 JS 库 date-fns。我喜欢 CDN，不幸的是现在只有 npm 包可用 ( link to documentation )。
我确保 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
导入/导出本身无法在浏览器中工作，特别是当您尝试使用 npm 包时。由于您是初学者，我不想让您感到困惑，但是 import/export 在特定场景中有效。您可以在这里阅读更多相关信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
一旦您熟悉了 Web 开发，您可以尝试使用诸如 Parcel 之类的 bundler ，它允许您使用 npm 包并将它们组合成可在 Web 中使用的单个 JS 文件:https://parceljs.org/
关于javascript - 使用 npm 导入 date-fns，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59865969/