如何从 node_modules 中包含 JQuery，除了 Laravel 5.8 应用程序中的 cdn？

Question

我有一个 Laravel 应用程序，我需要包含我的 npm 包中的所有脚本。从数据表和其他工作，我需要 JQuery 工作。我之前从 CDN 实现了 JQuery，现在想从我的节点包中使用它。

我已经使用 npm 安装了它

npm install jquery

但现在我无法使用它们，并且在 chrome-dev-tool 中它显示 $ 为未定义的符号。

资源文件夹中的 bootstrap.js 文件如下，我的 Laravel mix 构建在运行时成功

npm run dev

window._ = require('lodash');

try {
    window.Popper = require('popper.js').default; //dont know working or not
    window.$ = window.jQuery = require('jquery'); // Present earlier

    require('bootstrap'); // working
    require('font-awesome/css/font-awesome.css'); // working
    require('datatables.net-bs4'); // not working

    window.toastr = require('toastr'); // not working
    window.DataTable = require('datatables.net'); // not working as jQuery is not working
} catch (e) {}

window.axios = require('axios'); // present from earlier
... continues

我试过了

include('jquery'),

include('jquery/dist/jquery'),

include('jquery/dist/jquery.js')

但不工作

Answer 1

尝试在 bootstrap.js 中引入 jquery

require('jquery);

在你的 app.scss 中试试这个：

//DataTable
@import '~datatables.net-bs4/css/dataTables.bootstrap4.min.css';

如果在此之后您的 jQuery 和 DataTable 仍然无法工作，请转到您的 node_modules 目录并检查 jquery 包和您的 datatables 包是否正常。如果没有，运行命令

npm update

并重新安装您的软件包。