如何将 popper.js 添加到带有 Bootstrap 5 项目的 Laravel 8?

拉兹万赞菲尔

我正在使用 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/corenpm 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Bootstrap 下拉菜单需要带有 Angular 2 项目的 Popper.js

如何将Bootstrap添加到ExpressJS中的项目?

如何将Nexts.js添加到Laravel

手动将项目添加到现有对象[Laravel 5]

Xcode 8:如何将GIT存储库添加到现有项目

带有jQuery和Popper.js的Bootstrap(精简)

如何在Bootstrap 4 Beta中使用Popper.js

如何使用Bootstrap 4安装popper.js?

如何将Laravel身份验证添加到启动的Laravel项目中?

Redux:如何将项目添加到数组,并返回添加了所有项目的数组

如何将phpmyadmin添加到laravel 8 sail docker-compose.yml

Angular 5 + Popper.JS

如何将Bootstrap 3 Datepicker添加到Angular 4项目

如何将react-bootstrap添加到ASP.NET项目

将 Tinymce 添加到 Laravel 8

Laravel - 如何将 where 子句添加到 Eloquent Top 5 查询

如何将Vue.js添加到现有的ASP .NET Core 2.0 MVC项目中?

如何将项目动态添加到LongListSelector Windows Phone 8

如何将外部 Maven 项目的依赖项添加到当前项目?

如何将dbmate添加到现有项目?

如何将现有项目添加到TFS

如何将stimulsoft js添加到webpack角5(框架jhipster)

如何将库 (p5.js) 添加到 Stackblitz IDE?

如何将MVC 5项目模板添加到VS 2012?

如何将项目添加到 Laravel 集合内的数组中

如何将现有的angular js应用程序集成到Laravel 5中

无法将laravel 5项目添加到子文件夹

如何将Node.js项目模板或扩展名添加到VisualStudio?

如何将项目添加到 vue.js 中的列表