我正在使用 Laravel 8 和 Bootstrap 5 制作博客应用程序。我使用放置在 Bootstrap 模式中的表单来添加帖子。此外,我在项目中包含了一个 JavaScript 文件。
<script src="{{ asset('js/app.js') }}"></script>
在resources/js
中,我有一个 app.js 和一个 bootstrap.js 文件。在 app.js 中,我需要 bootstrap.js
require('./bootstrap')
从webpack.mix.js
我将所有这些编译到单个 JavaScript 文件中public\js\app.js
:
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.sourceMaps();
我想将 popper.js 添加到项目中,如下所示:
require('./popper');
require('./bootstrap');
但是,为此,我需要 popper.jsresources/js
和其他两个文件。所以,我做了npm i @popperjs/core
和npm run dev
。但它没有编译,我在上面提到的 js 目录中没有得到 popper.js。那么,我该如何解决这个问题呢?
1 -@popperjs/core
使用此命令安装:npm i @popperjs/core
2 - 将此行添加到您的bootstrap.js
文件中:
window.Popper = require('@popperjs/core');
3 - 运行此命令:npm run dev
4 - 现在您可以访问window.Popper
刀片文件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句