Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

465
Visualizações
Construcción de hilo: problemas con el cargador Babel con Storybook

Tengo un nuevo proyecto de aplicación de reacción de creación, usando la plantilla mecanografiada:

 yarn create react-app my-app --template typescript

A esto, he añadido Storybook con:

 npx sb init

Esto me ha dado una instancia de libro de cuentos que funciona, sin embargo, los errores de yarn build ahora.

 $ react-scripts build There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The react-scripts package provided by Create React App requires a dependency: "babel-loader": "8.1.0" Don't try to install it manually: your package manager does it automatically. However, a different version of babel-loader was detected higher up in the tree: /home/michael/pgit/my-app/node_modules/babel-loader (version: 8.2.2) Manually installing incompatible versions is known to cause hard-to-debug issues. If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project. That will permanently disable this message but you might encounter other issues. To fix the dependency tree, try following the steps below in the exact order: 1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder. 2. Delete node_modules in your project folder. 3. Remove "babel-loader" from dependencies and/or devDependencies in the package.json file in your project folder. 4. Run npm install or yarn, depending on the package manager you use. In most cases, this should be enough to fix the problem. If this has not helped, there are a few other things you can try: 5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead. This may help because npm has known issues with package hoisting which may get resolved in future versions. 6. Check if /home/michael/pgit/my-app/node_modules/babel-loader is outside your project directory. For example, you might have accidentally installed something in your home folder. 7. Try running npm ls babel-loader in your project folder. This will tell you which other package (apart from the expected react-scripts) installed babel-loader. If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project. That would permanently disable this preflight check in case you want to proceed anyway. PS We know this message is long but please read the steps above :-) We hope you find them helpful!

Así que babel-loader no está en ninguno de mis archivos package.json , y se supone que todo babel debe ser manejado por CRA (de ahí la advertencia de no agregarlo usted mismo).

Puedo usar SKIP_PREFLIGHT_CHECK, pero eso enmascara el conflicto potencial, ¿cuál es la forma correcta de hacer que los requisitos previos de las dos bibliotecas jueguen juntos?

over 4 years ago · Santiago Trujillo
3 Respostas
Responde à pergunta

0

Es un problema conocido .

Si está usando hilo, puede evitarlo fácilmente usando resoluciones. Agregue lo siguiente a su paquete.json para permitir que yarn resuelva babel-loader versión 8.1.0 (la versión requerida por CRA, no Storybook):

 "resolutions": { "babel-loader": "8.1.0" },

Después de eso, asegúrese de ejecutar yarn install para actualizar sus dependencias y actualizar el archivo yarn.lock

over 4 years ago · Santiago Trujillo Relatório

0

Para cualquiera que tenga el mismo problema con npm . Lo arreglé eliminando package-lock.json , node_modules .

EDITAR: es posible dejar la versión implícita babel-loader en package.json usando --legacy-peer-deps param tanto para npm i como para npm dedupe :

 npm i --leagcy-peer-deps

Para asegurarme de que el problema radica en el árbol de dependencia corrupto, ejecuté:

 npm ls babel-loader

Finalmente

 npm dedupe --legacy-peer-deps

solucionó el problema con el árbol de dependencia incorrecto. También es aplicable al problema de discrepancia de la versión del paquete web.

over 4 years ago · Santiago Trujillo Relatório

0

Agregar "babel-loader": "8.1.0" tanto a "devDependencies" como a "dependencies" en el archivo package.json y luego hacer yarn para construir, parece funcionar a partir de ahora. Es un problema conocido y ha estado abierto durante casi 2 años ahora https://github.com/storybookjs/storybook/issues/5183

over 4 years ago · Santiago Trujillo Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda