如何在我的 .js 文件中使用 npm 安装的包？ [复制]

Question

我是一个新手，试图弄清楚如何在我的 web 开发工作流程中使用节点包。例如我正在尝试测试 axios ajax 库。

我认为这应该很容易，但它让我发疯了。

所以在一个文件夹中我有一个 index.html 和一个 index.js 文件。

我已经运行“npm init -y”来创建一个 package.json 文件，然后运行“npm install axios --save”。该软件包已安装在 node_modules 文件夹中，并作为 package.json 文件中的依赖项。

现在我应该如何使用我的 index.js 文件中的库？

我正在我的 index.js 文件（第一行）中尝试以下内容

import axios from "axios";

在 chrome 中我得到：“Uncaught SyntaxError: Unexpected identifier” 在 Firefox 中：“SyntaxError：导入声明只能出现在模块的顶层”

尝试使用 type="module" 链接 index.js 文件（正如我在其他一些主题中看到的那样）也没有帮助。我只是得到了一些不同的错误。

我错过了什么？

Answer 1

您不能在客户端 js 文件中使用“导入”。 “导入”适用于在服务器端运行的节点 js 文件。

通过提供路径来使用节点模块的最简单方法。

<script src="/node_modules/path_to_dependency/dist"></script>

更多详情请看：How to include scripts located inside the node_modules folder?