我如何在我的项目中使用npm包
最近我一直在使用nodejs,但是我一直在遇到类似的错误。 有大量的项目在那里,其中有很多有npm包,但每当我尝试npm install --save some-package
我似乎无法弄清楚如何使用它们。 我不是指像快递,或mongoose,我似乎可以使用就好了。 我的意思是像Bootstrap,或者现在的masonry-layout
。
例如,我按照砌体布局页面上的步骤执行了以下步骤:
npm install --save masonry-layout
然后根据npm页面的masonry布局,我添加到以下我的通用scripts.js
文件(我保留小的片段,我需要在这里,直到我分开代码更逻辑):
$('.grid').masonry({ // options... itemSelector: '.grid-item', columnWidth: 200 });
但是,我的控制台页面加载时出现以下错误:
TypeError: $(...).masonry is not a function $('.grid').masonry({
当我尝试使用其他前端节点模块或项目时遇到类似的问题。 我错过了什么吗? 我总是最终使用cdn或手动安装文件,我厌倦了这样的工作。
您仍然需要在页面中包含这些脚本。
使用一个好的<script src="…">
或者一些模块加载器。 (如require.js )
我所做的是,而不是使用砌体包下载jQuery砌体脚本,并将其添加为“脚本标记”/ js文件
你可以很容易地在CSS中形成布局
masonry-layout
npm包会将您需要的.js安装到node_modules/masonry-layout/dist/masonry.pkgd.min.js
。 您需要将该文件包含在页面上的<script>
标记中。