Comencé un nuevo proyecto de Laravel y ahora Laravel Mix ha sido reemplazado por Vite.
Instalé Alpine.js y lo inicié en el archivo bootstrap.js, pero Alpine.js no se reconoce en los archivos blade de Laravel ni en los otros archivos JS.
vite.config
import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; import path from "path"; export default defineConfig({ plugins: [ laravel([ 'resources/css/app.css', 'resources/js/app.js', ]), ], resolve:{ alias:{ '~alpine':path.resolve(__dirname,'node_modules/alpinejs'), } } });
ingrese la descripción de la imagen aquí
aplicación.js
import './bootstrap'; import alpine from "./alpinejs/src/alpine"; console.log(alpine.version);
Agrego Alpine como el siguiente.
bootstrap.js
import _ from 'lodash'; window._ = _; import $ from 'jquery'; window.jQuery = window.$ = $ import Alpine from 'alpinejs'; window.Alpine = Alpine; Alpine.start();