如何在 Laravel (NPM) 中使用 JQuery答案

【问题标题】：How to use JQuery in Laravel (NPM)如何在 Laravel (NPM) 中使用 JQuery
【发布时间】：2018-01-05 16:40:57
【问题描述】：

我是 Web 开发的新手，我使用 Laravel 框架。我使用 npm 来处理包。但是现在我在实现 JQuery 时遇到了问题。 Bootstrap 是针对 larval 实现的，它可以工作

<link rel="stylesheet" href="/css/app.css">

在我的 Laravel 项目中是 package.json

 "devDependencies": {
    "axios": "^0.15.3",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^3.2.3",
    "jquery": "^3.1.1",
    "laravel-mix": "0.*",
    "lodash": "^4.17.4",
    "vue": "^2.1.10",
    "webpack": "2.2.1"
  }

这是否意味着 Jquery 已经在我的项目中？但是从 Bootstrap for jquery 中的链接看起来如何。对于 Bootstrap 我必须编译新代码（npm run dev）我是否对 Jquery 做同样的事情？

【问题讨论】：

您必须执行命令npm run dev 或npm run production。检查整个this page。运行该命令 Laravel 的 mix 将包含 jQuery 到 app.js。

标签： jquery laravel npm

【解决方案1】：

确保您的 resources/assets/js/bootstrap.js 导入了 jQuery：

window.$ = window.jQuery = require('jquery')

然后你就可以在你的项目中使用jQuery了。

【讨论】：

在运行 npm install jquery --save-dev 之后，在运行 npm run dev 之前将此解决方案放在同一个命名文件中，这在 Laravel 8 中有效！谢谢。
非常感谢，太好了！

【解决方案2】：

JQuery 已安装在您的项目中。要使用它，请将参考放在您的视图中。

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

然后运行npm run dev

【讨论】：

【解决方案3】：

所有提交的答案都是正确的，但我想补充一点，您需要为您的 js/app.js 提供参考，因为这是您的 javascript 和 jquery 文件所在的位置，您需要它才能使其工作。更重要的是，您需要在每个需要特定 javascript/jquery 函数的视图中编写它

&lt;script src="{{ asset('js/app.js') }}"&gt;&lt;/script&gt;

【讨论】：