使用webpack 5时无法使用jQuery

thigvfpy  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(111)

我正在尝试将旧版应用程序更改为使用webpack 5。
我在home.js中添加了这个:

import $ from "jquery";
window.jQuery = $;
window.$ = $;

当我使用webpack构建项目时,在捆绑文件中,jquery选择器会像这样转换:
$("#signUpModal").modal("show");
成为
q()("#signUpModal").modal("show");
在旧代码中打开signUpModal的按钮现在在点击时会生成以下错误:

Uncaught TypeError: q()(...).modal is not a function

我做错了什么?

w8f9ii69

w8f9ii691#

这不是jQuery不工作。是Bootstrap。我需要boostrap的sass文件,但不需要它的JavaScript文件。一旦我添加了import 'bootstrap';,模态就工作得很好。

相关问题