Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

246
Vistas
Laravel + Vue JS Página en blanco en el componente vue

Tuve un problema cuando intenté usar npm run watch. después de eso, todos los componentes de Vue no se cargan y veo datos en blanco en el componente de Vue.

primero, los scripts en package.json se ven así:

 "scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "npm run development -- --watch", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" },

y tuve un problema al no reconocer la bandera: --hide-modules .

después de eso, elimino las banderas no reconocidas y obtengo este script de trabajo:

 "scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "npm run development -- --watch", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --config=node_modules/laravel-mix/setup/webpack.config.js" },

También cambio webpack.mix.js (agregar .vue()): De:

 mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css');

A:

 mix.js('resources/js/app.js', 'public/js').vue() .sass('resources/sass/app.scss', 'public/css');

¡y después de eso, el cmd npm run watch funciona bien! Pero ahora tengo un problema con los componentes Vue en blanco. Cuando acabo de recuperar el archivo: public/js/app.js al archivo anterior, todo funciona bien. Pero no puedo modificar esta aplicación Laravel.

Imagen de ejemplo Explicar el código fuente Vue Component Página en blanco

Por favor, ayúdame a encontrar la solución.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda