我正在使用 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。那么，我該如何解決這個問題呢？
uj5u.com熱心網友回復：
1 -@popperjs/core使用此命令安裝：npm i @popperjs/core
2 - 將此行添加到您的bootstrap.js檔案中：
window.Popper = require('@popperjs/core');
3 - 運行此命令：npm run dev
4 - 現在您可以訪問window.Popper刀片檔案。
uj5u.com熱心網友回復：
在您的 resources/js/bootstrap.js 檔案中，您可以將 Popper.js 和 Bootstrap 與 jQuery 一起使用，如下所示。
window._ = require('lodash');
try {
window.$ = window.jQuery = require('jquery');
window.Popper = require('@popperjs/core');
window.bootstrap = require('bootstrap');
} catch (exception) {
console.error(exception);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/445617.html