He creado un nuevo proyecto laravel new project proyecto laravel
E instaló bootstrap ui así:
php artisan ui bootstrapLuego compilado con:
npm install npm run dev Pero cuando uso bootstrap dentro de app.js así:
require('./bootstrap'); var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) });La consola muestra el siguiente error:
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 Debo mencionar que ejecuto npm run dev después de realizar cambios en cualquier archivo de recursos, y sé acerca de npm run watch .
Ok, resolví el problema de esta manera:
en el archivo resources/js/bootstrap.js :
window._ = require('lodash'); try { window.$ = require('jquery'); window.bootstrap = require('bootstrap'); } catch (e) { console.error(e); } observe la línea: window.bootstrap = require('bootstrap');