Laravel未定义的参考Error $

发布于 2025-02-10 17:14:59 字数 1285 浏览 1 评论 0 原文

我安装了Laravel 8的新副本，但我无法在jQuery中使用$。我知道这是一个常见的问题，因此链接 this 我无法准备好文档。

以下是我根据我在各种SO和博客中阅读的内容尝试的步骤：

npm install jQuery -save-dev （有人说jQuery从 this ）

npm install jquery-ui -save-dev

main.blade.blade.php（ufter/hody）中添加

<script src="{{ asset('js/app.js') }}"></script>

在 .js

window.$ = window.jQuery = require("jquery");

在app.scss

@import "~jquery-ui/themes/base/all.css";

webpack.mix.js

mix.js("resources/js/app.js", "public/js")
    .sass("resources/sass/app.scss", "public/css")
    .sass("resources/scss/normalize.scss", "public/css")
    .sass("resources/scss/main.scss", "public/css")
    .sourceMaps();

运行 npm运行dev

我知道这是一个非常基本的问题，但我不知道该如何进行。

编辑我让它起作用。我添加了＆lt; script src =“ {{asset（'js/app.js'）}}}}”＆gt;＆lt;＆lt;/script＆gt; 在＆lt;/body＆gt; 下它应该在＆lt; head＆gt;＆lt;/head＆gt; 中。问题是何时应该宣布app.js。

原文

I installed a fresh copy of Laravel 8 but I am unable to use $ in jQuery. I know that this is a frequent question here in SO link this but I am unable to jQuery in document ready.

Here are the steps that I have tried based on what I read in various SO and blogs:

npm install jquery --save-dev (someone said that jquery was removed from laravel 6 in this)

npm install jquery-ui --save-dev

added in main.blade.php (under /body)

<script src="{{ asset('js/app.js') }}"></script>

in bootstrap.js

window.$ = window.jQuery = require("jquery");

in app.scss

@import "~jquery-ui/themes/base/all.css";

webpack.mix.js

mix.js("resources/js/app.js", "public/js")
    .sass("resources/sass/app.scss", "public/css")
    .sass("resources/scss/normalize.scss", "public/css")
    .sass("resources/scss/main.scss", "public/css")
    .sourceMaps();

run npm run dev

I know this is a very basic question but I don't know how to proceed.

EDIT
I got it working. I added <script src="{{ asset('js/app.js') }}"></script> under </body> it should have been inside <head></head>. The problem was when the app.js should have been declared.