Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

245
Views
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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!