Skip to main content
se añadieron 869 caracteres en el cuerpo
Origen Enlace
starnix
  • 105
  • 2
  • 10

Aquí el package.json

{
"private": true,
"scripts": {
    "dev": "vite",
    "build": "vite build"
},
"devDependencies": {
    "@popperjs/core": "^2.11.6",
    "axios": "^1.1.2",
    "bootstrap": "^5.2.3",
    "laravel-vite-plugin": "^0.7.2",
    "sass": "^1.60.0",
    "vite": "^4.0.0"
}
}

Aquí el archivo vite.config.js:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
plugins: [
    laravel({
        input: [
            'resources/sass/app.scss',
            'resources/js/app.js',
        ],
        refresh: true,
    }),
],
});

Aquí el app.js:

import './bootstrap';
import '../css/app.css'
import * as bootstrap from 'bootstrap'

Aquí el package.json

{
"private": true,
"scripts": {
    "dev": "vite",
    "build": "vite build"
},
"devDependencies": {
    "@popperjs/core": "^2.11.6",
    "axios": "^1.1.2",
    "bootstrap": "^5.2.3",
    "laravel-vite-plugin": "^0.7.2",
    "sass": "^1.60.0",
    "vite": "^4.0.0"
}
}

Aquí el archivo vite.config.js:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
plugins: [
    laravel({
        input: [
            'resources/sass/app.scss',
            'resources/js/app.js',
        ],
        refresh: true,
    }),
],
});

Aquí el app.js:

import './bootstrap';
import '../css/app.css'
import * as bootstrap from 'bootstrap'
Edicion de etiquetas
Enlace
porloscerros Ψ
  • 6.4k
  • 2
  • 12
  • 23
Origen Enlace
starnix
  • 105
  • 2
  • 10

Error con php artisan serve

estoy con Laravel realizando un proyecto en el que he tenido que instalar Bootstrap (mi primera vez), también estoy utilizando Vite y ando un poco perdido pues desde que instalé Bootstrap no me funciona el php artisan serve que siempre me ha funcionado y para hacer cualquier cosa tengo que utilizar el "npm run dev" cuando supongo que no debería de ser así.

El error que me da: Unable to locate file in Vite manifest: resources/js/bootstrap.js.

No sé porqué no lo encuentra ya que sí que tengo en la carpeta el fichero bootstrap.js, dentro del fichero está escrito todo esto:

import 'bootstrap';

/**
* We'll load the axios HTTP library which allows us to easily issue 
requests
* to our Laravel back-end. This library automatically handles sending the
* CSRF token as a header based on the value of the "XSRF" token cookie.
*/

import axios from 'axios';
window.axios = axios;

window.axios.defaults.headers.common['X-Requested-With'] = 
'XMLHttpRequest';

/**
* 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,
//     wsHost: 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'],
// });