javascript - 如何在我的 .js 文件中使用 npm 安装的包？
问题描述
我是一个新手，试图弄清楚如何在我的 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 中我得到：“未捕获的 SyntaxError：意外的标识符”在 firefox 中：“SyntaxError：导入声明可能只出现在模块的顶层”
尝试将 index.js 文件与 type="module" 链接（正如我在其他一些主题中看到的那样）也无济于事。我只是得到了一些不同的错误。
我错过了什么？
解决方案
您不能在客户端 js 文件中使用“导入”。“导入”适用于在服务器端运行的节点 js 文件。
通过提供路径来使用节点模块的最简单方法。
<script src="/node_modules/path_to_dependency/dist"></script>
有关更多详细信息，请查看：如何包含位于 node_modules 文件夹中的脚本？