Ejecuté los siguientes comandos para crear un nuevo blog de inicio de Gatsby:
gatsby new blog https://github.com/alxshelepenok/gatsby-starter-lumen
cd blog
gatsby develop
Pero durante el gatsby develop de Gatsby, recibo muchos errores llamados ERROR #98123 WEBPACK que dice: Falló la generación del paquete JavaScript de desarrollo .
Lo intenté durante tanto tiempo y eliminé e instalé el repositorio una y otra vez, y también eliminé node_modules y package-lock.json y luego npm install pero obtuve el mismo error nuevamente. ¡Ayúdame!
Para más detalles, aquí está la lista completa de errores que recibo (es un poco larga):
Paquetes:
node v10.19.0 npm 6.14.4 OS: Ubunut 20.04LTS "gatsby": "^2.31.1", "gatsby-cli": "^2.18.0", "gatsby-link": "^2.10.0", "gatsby-plugin-catch-links": "^2.9.0", "gatsby-plugin-feed": "^2.12.0", "gatsby-plugin-flow": "^1.9.0", "gatsby-plugin-google-gtag": "^2.7.0", "gatsby-plugin-manifest": "^2.11.0", "gatsby-plugin-netlify": "^2.10.0", "gatsby-plugin-netlify-cms": "^4.9.0", "gatsby-plugin-offline": "^3.9.0", "gatsby-plugin-optimize-svgs": "^1.0.5", "gatsby-plugin-react-helmet": "^3.9.0", "gatsby-plugin-sass": "^3.1.0", "gatsby-plugin-sharp": "^2.13.1", "gatsby-plugin-sitemap": "^2.11.0", "gatsby-remark-autolink-headers": "^2.10.0", "gatsby-remark-copy-linked-files": "^2.9.0", "gatsby-remark-external-links": "0.0.4", "gatsby-remark-images": "^3.10.0", "gatsby-remark-katex": "^3.9.0", "gatsby-remark-prismjs": "^3.12.0", "gatsby-remark-relative-images": "^2.0.2", "gatsby-remark-responsive-iframe": "^2.10.0", "gatsby-remark-smartypants": "^2.9.0", "gatsby-source-filesystem": "^2.10.0", "gatsby-transformer-remark": "^2.15.0", "gatsby-transformer-sharp": "^2.11.0", ```Los problemas se explican por sí mismos:
/home/myPC/Documents/blog/src/components/Feed/Feed.js 4:13 error Parsing error: Unexpected token { ✖ 1 problem (1 error, 0 warnings) File: src/components/Feed/Feed.js /home/myPC/Documents/blog/src/components/Icon/Icon.js 5:6 error Parsing error: Unexpected token Props ✖ 1 problem (1 error, 0 warnings) File: src/components/Icon/Icon.jsY así...
Como puede ver en su repositorio , debe usar yarn en lugar de npm ya que las dependencias se bloquean usando el archivo yarn.lock .
Por lo tanto, elimine sus node_modules , su carpeta de cache y ejecute la yarn install (es posible que deba instalarlo antes).
Mi problema era similar. Instalé un nuevo sitio de Gatsby, sin complementos, y cuando realicé cambios HTML simples, luego obtuve una vista previa del sitio DEVELOP y actualicé, cada vez que veía estos errores de paquete web que eran crípticos en el mejor de los casos.
Esto arregló todo:
gatsby cleannpm install -g yarn )yarn install )gatsby develop )El mérito es de Ferrán .
Recibí este error porque había un apóstrofe y/o un espacio en mi nombre de usuario de Windows. Cambiar a otro usuario resolvió el problema. Si su error incluye lo siguiente, este también podría ser su problema.
./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js