reactjs - Error de implementación de Vercel: el comando "npm run build" salió con 1

Estoy desarrollando una aplicación React en VS Code. Usé create-react-app para la configuración. Puedo ejecutar el proyecto sin ningún problema con npm start. Cuando intenté publicar el proyecto con Vercel recibí errores:

Ya intenté eliminar node_modules y npm install nuevamente.

Error! Command "npm run build" exited with 1
Error! Check your logs at https://...

Puedes ver los registros a continuación:

13:55:05.231    Retrieving list of deployment files...
13:55:06.975    Downloading 32 deployment files...
13:55:09.142    Analyzing source code...
13:55:11.289    Installing build runtime...
13:55:15.911    Build runtime installed: 4622.485ms
13:55:20.151    Looking up build cache...
13:55:21.237    Build cache not found
13:55:22.615    Detected package.json
13:55:22.616    Installing dependencies...
13:55:58.492    > [email protected] postinstall /vercel/path0/node_modules/babel-runtime/node_modules/core-js
13:55:58.492    > node -e "try{require('./postinstall')}catch(e){}"
13:55:58.604    > [email protected] postinstall /vercel/path0/node_modules/core-js
13:55:58.604    > node -e "try{require('./postinstall')}catch(e){}"
13:55:58.683    > [email protected] postinstall /vercel/path0/node_modules/core-js-pure
13:55:58.683    > node -e "try{require('./postinstall')}catch(e){}"
13:55:58.801    > [email protected] postinstall /vercel/path0/node_modules/ejs
13:55:58.802    > node ./postinstall.js
13:56:01.182    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/webpack-dev-server/node_modules/fsevents):
13:56:01.182    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
13:56:01.191    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/watchpack-chokidar2/node_modules/fsevents):
13:56:01.191    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
13:56:01.202    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
13:56:01.202    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
13:56:01.210    added 1985 packages from 812 contributors in 37.99s
13:56:02.556    137 packages are looking for funding
13:56:02.556      run `npm fund` for details
13:56:02.831    Running "npm run build"
13:56:03.100    > [email protected] build /vercel/path0
13:56:03.100    > react-scripts build
13:56:04.846    Creating an optimized production build...
13:56:23.548    Treating warnings as errors because process.env.CI = true.
13:56:23.548    Most CI servers set it automatically.
13:56:23.548    Failed to compile.
13:56:23.549    src/components/Counter.js
13:56:23.549      Line 21:6:  React Hook useEffect has a missing dependency: 'props.timeEnds'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
13:56:23.577    npm ERR! code ELIFECYCLE
13:56:23.578    npm ERR! errno 1
13:56:23.581    npm ERR! [email protected] build: `react-scripts build`
13:56:23.581    npm ERR! Exit status 1
13:56:23.583    npm ERR! 
13:56:23.583    npm ERR! Failed at the [email protected] build script.
13:56:23.583    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
13:56:23.592    npm ERR! A complete log of this run can be found in:
13:56:23.592    npm ERR!     /vercel/.npm/_logs/2021-03-28T10_56_23_582Z-debug.log
13:56:23.606    Error: Command "npm run build" exited with 1

1

Debe asegurarse de que todas las advertencias en su terminal se borren/rectifiquen antes de compilarlo porque las compilaciones fallarán desde process.env.CI = true para garantizar solo código robusto con buena práctica.Se implementan tácticas.

 necesita_saber_ahora

28/03/2021 a las 12:14

¡Feliz de poder ayudar! Recuerde siempre leer los registros con atención, ¡existen por una razón! :)

 necesita_saber_ahora

29 de marzo de 2021 a las 4:27

------------------------------------

Compruebe si sus códigos no tienen ninguna advertencia. Si tienen advertencias, intente solucionarlas e implementarlas nuevamente o ignórelas configurando la variable de entorno CI en falso. Se vería así:

CI = false

3

En cualquier momento @AlperTellioğlu

Bendición

28/03/2021 a las 18:53

2

Esto se siente como algo que se supone que no debes hacer... ¿Esto oculta advertencias y fuerza una compilación? ¿Qué haría establecer CI = verdadero?

- Kyle Pendergastar

11 de septiembre de 2022 a las 2:39

1

Considerará las advertencias de compilación como errores y no implementará la aplicación.

Bendición

12 de septiembre de 2022 a las 14:09

------------------------------------

Si recibe este error:

Vaya a la configuración del proyecto en vercel.com. Ir a generales. En la sección "Construir & "Configuración de desarrollo", anule el comando Construir y escriba CI='' npm run build. Esto me solucionó el error.

------------------------------------

Establezca la variable de entorno CI en falso usando la CLI de Vercel

Vaya al directorio de su proyecto y luego abra la terminal y escriba

$ vercel env add CI

Vercel CLI 24.0.0
? What’s the value of CLI? false
? Add CLI to which Environments (select multiple, press a)? Production, Preview, Development
✅  Added Environment Variable CLI to Project <Project-name> [776ms]

Ahora, ve a tu aplicación Vercel => Configuración => Variable ambiental Verá que su clave CLI tiene un valor establecido en falso

------------------------------------

Vaya a la configuración del proyecto en vercel.com. Ir a generales. En la sección "Construir & "Configuración de desarrollo", anula el comando Construir y writo

npm ejecutar compilación

Esto solucionó el error.

------------------------------------

Soy piadoso

Para la implementación, siga este procedimiento si recibe errores...

Ejecute Yarn dev en la carpeta de su proyecto. Luego ejecute la terminal como administrador y cd a la carpeta de su proyecto y luego ejecute el comando vercel build. Una vez que haya terminado correctamente, elimine la carpeta dentro de .vercel\output\functions_next\data Luego ejecute vercel implementar precompilado -> exitoso (Funcionó para mí)

------------------------------------

En mi caso, fue porque tenía mi archivo de tema (theme.ts) en el directorio de páginas.

Vercel no lo marcó en rojo, pero al revisar los registros completos, vi

Build optimization failed: found page without a React Component as default export in 
pages/theme

See https://nextjs.org/docs/messages/page-without-valid-component for more info.

Esto me hizo darme cuenta de que mi archivo theme.ts no debería estar donde está. Moverlo fuera de las páginas funcionó.

------------------------------------

Probablemente ya hayas solucionado este error, pero permanece aquí para las nuevas personas que puedan encontrarse con este error.

Los registros de la herramienta de compilación Vercel son bastante detallados y normalmente muestran dónde están los errores. En mi ejemplo yoTenía un error que eslint no mostraba, pero encontré cuál era el problema en los registros de la compilación de Vercel.

En su ejemplo, el error al que se enfrenta se declara en el registro:

Failed to compile.
13:56:23.549    src/components/Counter.js
13:56:23.549      Line 21:6:  React Hook useEffect has a missing dependency: 'props.timeEnds'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

Esta es probablemente la razón por la que no está compilando tu aplicación. Debería intentar solucionarlo y luego volver a implementarlo.

La alternativa para configurar el CI en falso en su entorno también funciona, pero probablemente implementará su aplicación con algunos errores.