No estoy seguro de qué actualicé en mi proyecto React, pero comencé a recibir un error de análisis al intentar compilar mi proyecto. Estoy seguro (honestamente) de que esto funcionó bien en algún momento en el pasado reciente. (el archivo fuente es un archivo .tsx) ¿Pensamientos?
const titles = new Map<number, string>(); resources.forEach((e: any) => { // titles.set( // e.StoreHierarchyValueId ?? e.SkuHierarchyValueId, e.Value // ) if (e.StoreHierarchyValueId) titles.set(e.StoreHierarchyValueId, e.Value); else titles.set(e.SkuHierarchyValueId, e.Value); });Cuando tenía el código comentado en su lugar, "npm run build" fallaba con el siguiente mensaje menos que útil (para mí):
Error al analizar el módulo: Token inesperado (51:822) Es posible que necesite un cargador adecuado para manejar este tipo de archivo. | // [] | //); función recuperarRecursosClientes(){console.log('"',env,'", "',cliente,'"');if(env!==''&&env!==indefinido&&cliente!==''&&cliente!== undefined){setLoadingResources(true);axios.get("/"+props.urlPart+"Jerarchy/"+env+"/"+customer).then(function(response){setResources(response.data);}).catch (function(error){console.log(error);}).then(function(){setLoadingResources(false);});}}if(env==="")return/ # PURE /React.createElement( "div",null,"No se seleccionó ningún entorno HT");if(loadingResources){return/ # PURE /React.createElement("div",null,"Cargando "+props.urlPart+" Datos para..."+cliente );}if(resources===null||resources.length===0){return/ # PURE /React.createElement("div",null,"No "+props.urlPart+" Datos para..." +cliente);}var titles=nuevo Mapa();resources.forEach(function(e){return titles.set(e.StoreHierarchyValueId??e.SkuHierarchyValueId,e.Value);});var parentMap=nuevo Mapa( );resources.forEach(function(f){f.subRows=[];parentMap.set(f.StoreHierarchyValueId??f.SkuHierarchyValueId,f.subRows);});resources. forEach(function(f,_i){var v=parentMap.get(f.ParentId);if(!v){parentMap.set(f.ParentId,[f]);}else{v.push(f); }});var data=resources.filter(function(e){return e.ParentId===0;});// function Table({ columnas, datos, renderRowSubComponent } | // : { columnas: cualquiera, datos: cualquiera, renderRowSubComponent: cualquiera } | // ): ningún {
El código problemático no estaba cerca de la línea 51. La única forma en que lo descubrí fue comentando secciones del código hasta que se compilara correctamente.
Gracias a @Mike'Pomax'Kamermans y @epascarello. Definitivamente eran mis opciones de herramientas.
Estaba usando eslint y mecanografiado. Mi archivo .tsconfig tenía como objetivo "es5" (no estoy seguro de cómo se configuró, pero de todos modos...) Una vez que lo cambié a ES6, el problema desapareció naturalmente.