В laravel app.js функция require('./bootstrap')?

Question

[Tereverda]

Разбираюсь в VUE.JS на Laravel

Во всех примерах 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?

Проект пустой, не понимаю, что делаю не так.

Comments

[Владислав Лысков]

Проект пустой, не понимаю, что делаю не так.

сейчас в ларе vue работает через лайвваре\инертию\джетсрим
что бы разобраться что к чему, читай документацию, а не смотри старые уроки

Answer 1

[Антон Антон]

Обычный импорт

Как правило при создании проекта этот файл присутствует рядом с app.js
Может быть если что-то отвечать не то про js на этапе создания - то его и не будет, но у меня он был всегда.

Comments

[Tereverda]

у меня такого файла нет, что там содержится?

[Антон Антон]

Tereverda, ничего важного на самом деле. Немного влияет на редиректы в случае ошибок типа "401", но глобально и без этого все работает.

[Антон Антон]

Кажется, еще на $request->ajax() влияет.

[Сергей delphinpro]

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'],
});

[Антон Антон]

Сергей delphinpro, не всегда. И не пример, а инициализация.

[Сергей delphinpro]

Антон Антон, ну да. я из 10 ларки его достал.