我如何在我的项目中使用 npm 包

Question

我最近一直在使用 nodejs，但我一直遇到类似的错误。那里有大量的项目，其中很多都有 npm 包，但每当我尝试 npm install --save some-package 时，我似乎无法弄清楚如何使用它们。我不是指像 express 或 mongoose 这样的东西，我似乎可以很好地使用它们。我的意思是 Bootstrap，或者现在，masonry-layout。

例如，我按照砌体布局页面上的步骤执行了以下步骤：

npm install --save masonry-layout

然后根据 npm page for masonry-layout 我将以下内容添加到我的通用 scripts.js 文件中（我在这里保留我需要的小片段，直到我更合理地分离代码）：

$('.grid').masonry({
  // options... 
  itemSelector: '.grid-item',
  columnWidth: 200
});

但是我在页面加载时在我的控制台中收到以下错误：

TypeError: $(...).masonry is not a function
    $('.grid').masonry({

当我尝试使用其他前端节点模块或项目时遇到类似问题。我错过了什么吗？我总是以使用 cdn 或手动安装文件而告终，我已经厌倦了这种工作方式。

Answer 1

您仍然需要在页面中包含这些脚本。

使用旧的 <script src="…"> 或一些模块加载器。（例如 require.js）

Answer 2

我所做的不是使用砌体包下载 jQuery 砌体脚本并将其添加为 "script tag" /js 文件
您可以在 css

中轻松形成布局

Answer 3

masonry-layout npm 包会将您需要的 .js 安装到 node_modules/masonry-layout/dist/masonry.pkgd.min.js 中。您需要将该文件包含在您网页上的 <script> 标记中。

我如何在我的项目中使用 npm 包

How do I use npm packages in my projects

javascript

jquery

node.js

npm

masonry