如何在.js文件中使用npm安装的软件包?

时间:2019-04-19 20:57:01

标签: javascript 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”链接(正如我在其他主题中所看到的)也没有帮助。我只是遇到了一些不同的错误。

我想念什么?

1 个答案:

答案 0 :(得分:1)

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

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

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

有关更多详细信息,请查看:How to include scripts located inside the node_modules folder?