Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在项目中使用npm包_Javascript_Jquery_Node.js_Npm_Masonry - Fatal编程技术网

Javascript 如何在项目中使用npm包

Javascript 如何在项目中使用npm包,javascript,jquery,node.js,npm,masonry,Javascript,Jquery,Node.js,Npm,Masonry,我最近一直在使用nodejs,但我一直遇到类似的错误。有大量的项目,其中很多都有npm软件包,但每当我尝试npm安装时——保存一些软件包,我似乎不知道如何使用它们。我不是指像express或mongoose这样的东西,我似乎可以很好地使用它们。我指的是像Bootstrap之类的东西,或者现在,砖石布局 例如,我按照砌体布局页面上的步骤,执行了以下步骤: npm安装--保存砌体布局 然后,根据我在我的通用scripts.js文件中添加的以下内容(我将需要的小片段保存在这里,直到我更合理地分离代码)

我最近一直在使用nodejs,但我一直遇到类似的错误。有大量的项目,其中很多都有npm软件包,但每当我尝试
npm安装时——保存一些软件包,我似乎不知道如何使用它们。我不是指像express或mongoose这样的东西,我似乎可以很好地使用它们。我指的是像Bootstrap之类的东西,或者现在,
砖石布局

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

npm安装--保存砌体布局

然后,根据我在我的通用
scripts.js
文件中添加的以下内容(我将需要的小片段保存在这里,直到我更合理地分离代码):

但是,我的控制台在页面加载时出现以下错误:

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

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

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


使用一个好的旧
或一些模块加载器。(例如)

我所做的不是使用砌体包,而是下载jQuery砌体脚本并将其添加为“脚本标记”/js文件

您可以在css中轻松形成布局

npm包将您所需的.js安装到
节点\模块/marosh布局/dist/marosh.pkgd.min.js
中。您需要将该文件包含在页面上的
标记中。

您的意思是指向
节点模块中文件夹内的某个脚本,还是指向我自己的脚本?我正在加载脚本,但没有指向安装模块的
node\u modules
中的文档。require.js是否与节点
app.js
文件中的典型require调用分开?@eignhpants您不在节点应用程序中–您在浏览器中呈现的网站中。您需要告诉浏览器在哪里可以找到所有这些脚本文件。是的,如果您在客户端使用这些模块,它应该是指向
节点\u模块中模块的链接。(解释JS module loader likes require.JS超出了本文的范围;请参阅:或)像bower这样的工具如何适应所有这些?据我所知,它似乎可以用来执行类似的任务。@eignhpants是的,Bower和npm都是包管理器–Bower用于客户端(即浏览器),而npm通常用于服务器环境(例如在节点应用程序中)
TypeError: $(...).masonry is not a function
    $('.grid').masonry({