laravel - 在 Laravel 7 应用程序中添加了 jquery 引发错误

Question

在我的新 Laravel 7 应用程序中，我添加了带有 yarn 命令的 jquery 和
在 package.json 我有:

"dependencies": {
    "bootstrap": "^4.5.0",
    "font-awesome": "^4.7.0",
    "jquery": "^3.5.1",
    "turbolinks": "^5.2.0"
}

但是当我在 resources/js/app.js 中设置行时:

require('jquery');

require('./bootstrap');

var Turbolinks = require("turbolinks")
Turbolinks.start()

console.log('!! resources/js/app.js jQuery.fn.tooltip.Constructor.VERSION::')
console.log(jQuery.fn.tooltip.Constructor.VERSION)

我有一个错误:

app.js:30245 Uncaught ReferenceError: jQuery is not defined

我也尝试使用 line :

console.log($.fn.tooltip.Constructor.VERSION)

但是得到了类似的错误......
我想我不必在我的资源/ View /布局/app.blade.php 文件中设置指向 jquery.js 文件的链接？
如何解决？

Answer 1

做 require('jquery') , 只会使用其 module.exports 返回一个新的 jQuery 对象.不会注册 $或 jQuery在全局命名空间中。才能使用$('#button')您需要注册 $在全局命名空间中。
在您的 bootstrap.js或者在你在 app.js 中使用任何 jquery 之前您可以在全局范围内注册它们( window 对象)。正如您从默认 Laravel 安装附带的样板文件中看到的，您可以像这样注册 jquery:

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

try {
    window.$ = window.jQuery = require('jquery');
} catch (e) {}