Question

我有一个Laravel应用，我需要包含我的npm软件包中的所有脚本。来回Datatables和其他东西才能工作，我需要JQuery才能工作。我以前已经从CDN实现了JQuery，现在想从我的节点包中使用它。

我已经使用npm安装了它

npm install jquery

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

resources文件夹中的bootstrap.js文件如下，我的Laravel混合构建在运行时获得成功

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

然后重新安装软件包。

如何从node_modules（除了Laravel 5.8应用程序中的cdn之外）包括JQuery？

1 个答案: