jquery Laravel Vite get Uncaught ReferenceError:$ is not defined when import custom js file

4xrmg8kj  于 2023-11-17  发布在  jQuery
关注(0)|答案(1)|浏览(151)

我使用Laravel和Vite,并像这样在app.js中导入我的自定义js文件。

import jQuery from "jquery";
Object.assign(window, {$: jQuery, jQuery})
window.jQuery = window.$ = $

import "./custom.js"

字符串
在我的custom.js文件中,只有这个内容。

$('body').html("jquery work!")


但得到错误app.9618bc24.js:104 Uncaught ReferenceError: $ is not defined
如果我注解了import "./custom.js"行。我仍然可以在blade中使用$('body').html("jquery work!")。这意味着Jquery已经加载了,对吗?但为什么它不能在custom.js文件中工作?
我知道我可以在app.js中使用jquery,但是我有太多的脚本,我必须将代码拆分到custom.js中。请帮助我。

z9ju0rcb

z9ju0rcb1#

单独导入“./custom.js”时,它处于不同的模块作用域中,并且不会自动识别app.js中定义的全局$变量。
尝试以下操作...

自定义.js

import $ from "jquery";

$('body').html("jquery work!");

字符串

相关问题