Javascript nuxt.js-$（…）。滑块不是函数

我想在nuxt.js中使用jquery，我在nuxt.config.js中添加了jquery，如下所示：

build: {
    plugins: [
        new webpack.ProvidePlugin({
            '$': 'jquery',
            '_': 'lodash'
        })
    ]
}

然后我在模板中使用jquery代码，并将jquery代码放入mounted（）中，以避免出现“文档未定义”错误：

---

但当我运行它时，我得到了

$（…）。滑块不是浏览器中的函数。要让它在nuxt.js中工作，我需要做什么特殊的事情吗？
$（）。slider是一个jQuery UI函数。您还需要将
jqueryui
添加到项目中
 谢谢，我使用npm安装安装了jquery ui，但我不知道如何让nuxt知道它。我不熟悉nuxt.js，但我认为只需在邮件脚本中导入它就足够了，比如：
import“jquery ui”
如果这会导致错误，如
$is not defined
将
导入“jquery”在前面的行中。我这样做了，但仍然得到“JQuery未定义”。在添加“导入”jquery ui“”之前，我没有收到此错误。因此，jquery ui使用jquery初始化。你也必须在你的nuxt.config.js中公开它：
“$”：“jquery”，“jquery”：“jquery”
@AniketSahrawat这个评论似乎对我没有什么帮助。@derHugo-Yup-agree:））slider不是jquery项目的一部分，但是jQUeryUI…@derHugo-Marzie甚至没有努力搜索。我做了一次搜索，找到了数百万条结果。还有@AniketSahrawat，我搜索了很多：）相信我，如果我在nuxt.js中找到了解释它的结果，我不会在这里问它。我使用的是nuxt，结果都与此无关。
mounted: () => {
    $("#volume").slider({
        min: 0,
        max: 100,
        value: 0,
        range: "min",
        slide: function(event, ui) {
            setVolume(ui.value / 100);
        }
    });
    ....
}