Во всех примерах app.js начинается со строки
require('./bootstrap'); - что это за файл, CSS Bootstrap?
при отладке в браузере выходит ошибка
app.js:1 Uncaught ReferenceError: require is not defined
Меняю на import './bootstrap';
Выходит [plugin:vite:import-analysis] Failed to resolve import "./bootstrap" from "resources\js\app.js". Does the file exist?
Обычный импорт
Как правило при создании проекта этот файл присутствует рядом с app.js
Может быть если что-то отвечать не то про js на этапе создания - то его и не будет, но у меня он был всегда.
Tereverda, там пример использования laravel-echo
Вряд ли он вам нужен на начальном этапе изучения. Просто удалите этот импорт.
содержимое bootstrap.js
/**
* Echo exposes an expressive API for subscribing to channels and listening
* for events that are broadcast by Laravel. Echo and event broadcasting
* allows your team to easily build robust real-time web applications.
*/
import Echo from 'laravel-echo';
import Pusher from 'pusher-js';
window.Pusher = Pusher;
window.Echo = new Echo({
broadcaster: 'pusher',
key: import.meta.env.VITE_PUSHER_APP_KEY,
cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
enabledTransports: ['ws', 'wss'],
});