如何在hugo中使用npm包

toe95027  于 2023-08-06  发布在  Go
关注(0)|答案(1)|浏览(108)

我有一个简单的hugo网站与此命令

hugo new site quickstart

字符串
layouts/_default/baseof.html中,我包含了一个名为script.js的JavaScript文件,在script.js中,我有这样的代码:

import $ from 'jquery'


但是当我检查我的浏览器控制台时,它显示了这个错误:

Uncaught TypeError: Error resolving module specifier “jquery”. Relative module specifiers must start with “./”, “../” or “/”.


在我的根文件夹中,我有所有的文件夹,如“内容”,“数据”,“公共”,“原型”我已经安装了jquery使用npm,但我仍然得到这个错误.
注意:我不想从cdn包含jquery,或者下载文件。
编辑:
我尝试使用node_modules文件夹中jquery的相对路径,使用以下代码:

import $ from '../../../node_modules/jquery/dist/jquery.min'


但是得到这个错误:

GET http://localhost:1313/node_modules/jquery/dist/jquery.min

4dbbbstv

4dbbbstv1#

HUGO似乎正在公用文件夹中搜索node_modules。您可能想将node_modules移动到/public文件夹,看看它是否解决了jQuery找不到的问题。

相关问题