Estoy usando Vue 3 y subí una versión de mi proyecto que funcionaba bien a GitHub hace 19 horas.
Aproximadamente 5 horas después, ocurrió el siguiente problema cuando npm run serve lo que resultó en estas líneas de información:
> zagnetic@0.1.0 serve
> vue-cli-service serve
INFO Starting development server...
y luego el siguiente error:
ValidationError: Progress Plugin Invalid Options options should NOT have additional properties options should NOT have additional properties options should NOT have additional properties options should pass "instanceof" keyword validation options should match exactly one schema in oneOf at validateOptions (/Users/mgav/zagnetic_vue/zagnetic/node_modules/webpack/node_modules/schema-utils/src/validateOptions.js:32:11) at new ProgressPlugin (/Users/mgav/zagnetic_vue/zagnetic/node_modules/webpack/lib/ProgressPlugin.js:62:3) at new Progress (/Users/mgav/zagnetic_vue/zagnetic/node_modules/progress-webpack-plugin/index.js:25:21) at new progressPlugin (/Users/mgav/zagnetic_vue/zagnetic/node_modules/progress-webpack-plugin/index.js:127:10) at /Users/mgav/zagnetic_vue/zagnetic/node_modules/webpack-chain/src/Plugin.js:14:18 at Object.toConfig (/Users/mgav/zagnetic_vue/zagnetic/node_modules/webpack-chain/src/Plugin.js:78:22) at /Users/mgav/zagnetic_vue/zagnetic/node_modules/webpack-chain/src/Config.js:129:63 at Array.map (<anonymous>) at module.exports.toConfig (/Users/mgav/zagnetic_vue/zagnetic/node_modules/webpack-chain/src/Config.js:129:40) at Service.resolveWebpackConfig (/Users/mgav/zagnetic_vue/zagnetic/node_modules/@vue/cli-service/lib/Service.js:261:34)Dado que Package-Lock.json tiene toneladas de cambios durante esas pocas horas durante las cuales se desarrolló el error (pero Package.json no ha cambiado al 100 %), ¿está bien simplemente pegar el archivo Package-Lock.json de 19 horas de antigüedad sobre el actual, para solucionar el problema?
¿Algún peligro al hacer esto?
Mi trabajo fue casi en su totalidad CSS, pero hice algunas cosas básicas después de que ocurriera el error, como npm cache clean --force , que puede haber resultado en algunas de las diferencias de Package-Lock.json.
Package-lock.json es demasiado grande para publicarlo, pero aquí está mi paquete.json (idéntico en la versión de trabajo empujada a GitHub y la versión actual (sin empujar) con el error:
{ "name": "zagnetic", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }, "dependencies": { "@fortawesome/fontawesome-svg-core": "^1.2.36", "@fortawesome/free-brands-svg-icons": "^5.15.4", "@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.4", "@fortawesome/vue-fontawesome": "^3.0.0-4", "@headlessui/vue": "^1.4.1", "@tailwindcss/forms": "^0.3.3", "@tailwindcss/typography": "^0.4.1", "@vue/cli": "^5.0.0-beta.3", "core-js": "^3.6.5", "date-fns": "^2.23.0", "firebase": "^8.9.0", "tailwindcss": "^2.2.14", "vue": "^3.0.0", "vue-router": "^4.0.0-0" }, "devDependencies": { "@vue/cli-plugin-babel": "^5.0.0-beta.3", "@vue/cli-plugin-router": "^5.0.0-beta.3", "@vue/cli-service": "^5.0.0-beta.3", "@vue/compiler-sfc": "^3.2.11", "autoprefixer": "^10.3.4", "postcss": "^8.3.6", "postcss-cli": "^8.3.1" } } He estado usando "^5.0.0-beta.3" durante casi una semana, sin ningún problema, así que no creo que ese sea el problema.
¡Muchas gracias por cualquier ayuda!
ANTES de intentar volver al antiguo paquete-lock.json, npm update en la Terminal y ¡ahora todo funciona perfectamente!
No estoy marcando esto como la respuesta correcta, aunque solucionó el problema subyacente, porque en realidad no aborda la pregunta que se hizo ("¿Está bien volver a una versión anterior de package-lock.json, sin haciendo daño?").
Configuré la versión del paquete webpack en package.json a la última en el momento de escribir, "^5.55.1" , que solucionó este problema por ahora.
Y también actualicé/actualicé Node y npm, solo para estar seguro.
Vaya al archivo serve.js ubicado en node_modules@vue\cli-service\lib\commands y comente/elimine las siguientes líneas de código:
// if (!process.env.VUE_CLI_TEST && options.devServer.progress !== false) { // // the default progress plugin won't show progress due to infrastructreLogging.level // webpackConfig // .plugin('progress') // .use(require('progress-webpack-plugin')) // }