小编ADH*_*DEV的帖子

我刚刚新安装了一个 Laravel 9 应用程序，使用 npm 添加了 select2 和 jquery，将我需要传递给 vite.config.js 和 app.js 的内容传递给了 vite.config.js 和 app.js，jquery 在 select2 加载之前就已加载，但 select2 仍然抛出异常

Uncaught ReferenceError: jQuery is not defined
    at select2.min.js:2:241
    at select2.min.js:2:249

我什至制作了一个 div#test 并使用 jquery 在加载窗口时将“ok”放入其中，它更改为“ok”，但是为什么 select2 会抱怨呢？

包.json

    "dependencies": {
        "jquery": "^3.6.1",
        "select2": "^4.1.0-rc.0"
    }

vite.config.json

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
    resolve: {
        alias: {
            '$': 'jQuery',
        },
    },
});

应用程序.js

import "./bootstrap";
import $ from "jquery";
window.$ = $;
// …