Cada vez que trato de ejecutar el comando de compilación de producción npm run build o npx parcel build index.html , aparece este error. Tengo un proyecto html y css simple, no reacciono, no tengo una biblioteca de terceros. ¿Por qué podría estar pasando esto? He probado las versiones de paquetes 1.12.3, 1.12.4 y 1.12.5.
Aquí está el error:
/Users/user/Documents/HTML Apps/Project/index.html: tree.render is not a function at /Users/user/Documents/HTML Apps/Project/node_modules/htmlnano/lib/modules/minifySvg.js:19:23 at /Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:91:45 at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:105:26) at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:111:5) at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:105:17) at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:111:5) at traverse (/Users/user/user/HTML Apps/Project/node_modules/posthtml/lib/api.js:105:17) at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:111:5) at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:105:17) at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:111:5) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! Project@1.0.0 build: `parcel build index.html` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the Project@1.0.0 build 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! /Users/user/.npm/_logs/2021-04-14T07_44_52_872Z-debug.logResulta que puede solucionar esto configurando htmlnano para que no minimice SVG.
Agregue un archivo .htmlnanorc a la raíz de su proyecto, con un objeto de configuración JSON como este:
{ "minifySvg": false }La parte relevante de la documentación está aquí para V1 (que en realidad no menciona la configuración de minifySvg) o aquí para V2 .
En mi caso, funcionó agregando .htmlnanorc.js a la raíz de mi proyecto con lo siguiente:
module.exports = { "minifySvg": false }parcel build --no-minify index.html la optimización del paquete y le permitirá continuar. Espero que sea útil. manera muy fácil por favor vote a favor
En mi caso, funcionó usando una etiqueta IMG con el SVG como src.
Usted mismo puede sopesar los pros y los contras: Adición de gráficos vectoriales a la Web | MDN
Nota: no estoy seguro de si hacerlo de esta manera es menos eficiente/optimizado o no.
Si alguien ve algo malo con este enfoque, por favor hágamelo saber :)