Actualmente estoy aprendiendo Vue js y express js a través de algunos tutoriales, todavía soy novato en estas tecnologías.
De todos modos, siguiendo los tutoriales, estoy construyendo un pequeño proyecto en el que tengo una carpeta "Cliente" que contiene el lado frontal del proyecto y otra carpeta "Servidor" que contiene el backend.
Justo antes de enviar confirmaciones a Github, todo estaba bien, pero una vez que lo hice, Github señaló algunas vulnerabilidades y después de corregirlas, npm run dev ya no funciona.
probé múltiples soluciones pero nada funcionó, reinstalé módulos sospechosos, reinstalé módulos de nodo después de ejecutar npm cache clean --force
este es el error que tengo
npm run dev > client@1.0.0 dev D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\copy-webpack-plugin\node_modules\schema-utils\dist\validate.js:88 throw new _ValidationError.default(errors, schema, configuration); ^ ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema. - options[0] misses the property 'patterns'. Should be: [non-empty string | object { from, to?, context?, globOptions?, toType?, force?, flatten?, transform?, cacheTransform?, transformPath?, noErrorOnMissing? }, ...] (should not have fewer than 1 item) at validate (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\copy-webpack-plugin\node_modules\schema-utils\dist\validate.js:88:11) at new CopyPlugin (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\copy-webpack-plugin\dist\index.js:24:30) at Object.<anonymous> (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\build\webpack.dev.conf.js:61:5) at Module._compile (internal/modules/cjs/loader.js:1133:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1153:10) at Module.load (internal/modules/cjs/loader.js:977:32) at Function.Module._load (internal/modules/cjs/loader.js:877:14) at Module.require (internal/modules/cjs/loader.js:1019:19) at require (internal/modules/cjs/helpers.js:77:18) at WEBPACK_OPTIONS (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-cli\bin\utils\convert-argv.js:114:13) at requireConfig (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-cli\bin\utils\convert-argv.js:116:6) at D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-cli\bin\utils\convert-argv.js:123:17 at Array.forEach (<anonymous>) at module.exports (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-cli\bin\utils\convert-argv.js:121:15) at Object.<anonymous> (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-dev-server\bin\webpack-dev-server.js:84:40) at Module._compile (internal/modules/cjs/loader.js:1133:30) { errors: [ { keyword: 'required', dataPath: '[0]', schemaPath: '#/required', params: [Object], message: "should have required property 'patterns'", schema: [Object], parentSchema: [Object], data: [Object], children: [Array] } ], schema: { definitions: { ObjectPattern: [Object], StringPattern: [Object] }, type: 'object', additionalProperties: false, properties: { patterns: [Object], options: [Object] }, required: [ 'patterns' ] }, headerName: 'Copy Plugin', baseDataPath: 'options', postFormatter: null } npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the client@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\iheb\AppData\Roaming\npm-cache\_logs\2020-05-21T13_56_52_099Z-debug.log npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! client@1.0.0 start: `npm run dev` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the client@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\iheb\AppData\Roaming\npm-cache\_logs\2020-05-21T13_56_52_148Z-debug.logEste es el archivo de registro:
0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli 'C:\\Program Files\\nodejs\\node.exe', 1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js', 1 verbose cli 'run', 1 verbose cli 'build:server' 1 verbose cli ] 2 info using npm@6.14.4 3 info using node@v12.16.3 4 verbose stack Error: missing script: build:server 4 verbose stack at run (C:\Program Files\nodejs\node_modules\npm\lib\run-script.js:155:19) 4 verbose stack at C:\Program Files\nodejs\node_modules\npm\lib\run-script.js:63:5 4 verbose stack at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:116:5 4 verbose stack at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:436:5 4 verbose stack at checkBinReferences_ (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:391:45) 4 verbose stack at final (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:434:3) 4 verbose stack at then (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:161:5) 4 verbose stack at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:281:12 4 verbose stack at C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:115:16 4 verbose stack at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3) 5 verbose cwd D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client 6 verbose Windows_NT 10.0.18362 7 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build:server" 8 verbose node v12.16.3 9 verbose npm v6.14.4 10 error missing script: build:server 11 verbose exit [ 1, true ]Ejecutar npm audit da lo siguiente:
Moderate Cross-Site Scripting Package serialize-javascript Patched in >=2.1.1 Dependency of uglifyjs-webpack-plugin [dev] Path uglifyjs-webpack-plugin > serialize-javascript More info https://npmjs.com/advisories/1426
Dependencias relacionadas
"paquete web": "^4.43.0",
"webpack-bundle-analyzer": "^3.3.2", "webpack-cli": "^3.3.11", "webpack-dev-server": "^3.1.11",
Espero haberles brindado todo, si no, proporcionaré algo de inmediato para ayudar a aclarar mi problema, como dije, soy un novato en el desarrollo web.
ACTUALIZACIÓN: estoy tratando de averiguar el motivo detrás de dicho error, el problema ocurre después de actualizar la versión webpack-dev-server que funciona:
"webpack-dev-servidor": "^2.9.1"
Versión con errores:
"webpack-dev-servidor": "^3.11.0"
¿Está bien si ignoro las vulnerabilidades encontradas? Porque tratar de arreglarlos provoca este error.
Gracias
Este no es un problema con webpack o webpack-dev-server en sí, sino con el copy-webpack-plugin plugin.
Con la actualización a la versión principal 6.x se produjo un cambio importante: en lugar de simplemente pasar la matriz con los patrones de configuración directamente al constructor CopyWebpackPlugin , ahora tiene que envolverlo en la propiedad de patterns de un objeto y pasar eso.
Sintaxis antigua:
new CopyWebpackPlugin( [ { from: 'src/xxx.ext', to: 'dist/xxx.ext' }, { from: 'src/yyy.ext', to: 'dist/yyy.ext' } ] )Nueva sintaxis:
new CopyWebpackPlugin( { patterns: [ { from: 'src/xxx.ext', to: 'dist/xxx.ext' }, { from: 'src/yyy.ext', to: 'dist/yyy.ext' } ] } ) Lo hicieron porque el constructor ahora admite una propiedad de options adicional: https://webpack.js.org/plugins/copy-webpack-plugin/#options-1
Después de actualizar a 3.11 apareció una nueva plantilla
plugins: [ new CopyPlugin({ patterns: [ { from: 'source', to: 'dest' }, { from: 'other', to: 'public' }, ], }), ],Yo tuve el mismo problema. Finalmente, pude resolverlo usando
npm install --save copy-webpack-plugin@5.1.1