我創建了一個新的 laravel 專案laravel new project
并像這樣安裝引導用戶界面：
php artisan ui bootstrap
然后編譯：
npm install
npm run dev
但是當我bootstrap像這樣在 app.js 中使用時：
require('./bootstrap');
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
});
控制臺顯示以下錯誤：
app.js?e348:5 Uncaught ReferenceError: bootstrap is not defined
at eval (app.js?e348:5:5)
at Array.map (<anonymous>)
at eval (app.js?e348:4:38)
at Object../resources/assets/js/app.js (app.js:973:1)
at __webpack_require__ (app.js:1060:42)
at app.js:1214:86
at Function.__webpack_require__.O (app.js:1097:23)
at app.js:1217:53
at app.js:1219:12
我必須提到，我npm run dev在對任何資源檔案進行更改后運行，并且我知道npm run watch.
uj5u.com熱心網友回復：
好的，我這樣解決了這個問題：
在resources/js/bootstrap.js檔案中：
window._ = require('lodash');
try {
window.$ = require('jquery');
window.bootstrap = require('bootstrap');
} catch (e) {
console.error(e);
}
注意這一行：window.bootstrap = require('bootstrap');
uj5u.com熱心網友回復：
作曲家創建專案 laravel/laravel react-js
作曲家需要 laravel/ui
php工匠ui反應
//然后運行
npm 安裝
//然后
npm 運行觀察
npm 運行生產
npm install webpack webpack-cli webpack-dev-server --save-dev
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/464147.html
標籤：javascript php 拉拉维尔 推特引导
上一篇：flex中的垂直線