Si su imagen es un PNG, entonces intenta llamar a res.writeHead(...) dos veces e intenta .pipe(res) dos veces. Eso definitivamente causará un problema.

Parece que no necesita una ruta separada de código completo a .pipe() para archivos png y podría hacer esto:

 const server = http.createServer((req, res) => { // get the file path from req.url, or '/public/index.html' if req.url is '/' const filePath = (req.url === '/') ? '/public/index.html' : req.url; // determine the contentType by the file extension const extname = path.extname(filePath); let contentType = 'text/html'; if (extname === '.js') { contentType = 'text/javascript'; } else if (extname === '.css') { contentType = 'text/css'; } else if (extname === '.png') { contentType = 'image/png'; } // pipe the proper file to the res object res.writeHead(200, { 'Content-Type': contentType }); fs.createReadStream(`${__dirname}/public/${filePath}`).pipe(res); });

Además, tenga en cuenta que su código tiene una vulnerabilidad de seguridad mala (que he parcheado en mi ejemplo de código anterior). Su código le permite a un atacante leer cualquier archivo en su directorio __dirname (incluidos todos los archivos de su servidor) simplemente agregando ese archivo a la URL. Nunca debes permitir esto. Los archivos de servicio público que se buscan haciendo coincidir la URL con el nombre de archivo como este solo deben servirse desde un directorio que esté dedicado ÚNICAMENTE a archivos disponibles públicamente. Por lo general, uno crearía un directorio public y serviría archivos solo desde esa jerarquía de directorios. Tenga en cuenta que cambié el código de esto:

 ${__dirname}/${filePath}

a esto:

 ${__dirname}/public/${filePath}

Y, deberá mover los archivos disponibles públicamente que pretende hacer coincidir con este código en ese subdirectorio y asegurarse de que el subdirectorio contenga SÓLO archivos disponibles gratuitamente para el público.

También tenga en cuenta que el marco Express muy simple para crear un servidor web en nodejs tiene express.static() que ya hace todo esto por usted. Simplemente cree un directorio de archivos disponibles públicamente (de cualquier tipo de archivo común), coloque una línea de middleware en su configuración Express que apunte a ese directorio de archivos y automáticamente servirá cualquiera de esos archivos cuando lo solicite una URL que coincida con el hoja parte del nombre del archivo. Maneja automáticamente la configuración del tipo de contenido, busca automáticamente index.html para las solicitudes / , elimina automáticamente las solicitudes .. de la URL, etc., y se examina minuciosamente en busca de problemas de seguridad.

Aparte de las razones de aprendizaje/académicas, la mayoría de las personas no crean un servicio web desde cero en nodejs, sino que comienzan con uno de los marcos de trabajo más útiles y simples, como Express o nextjs, porque tienen un código precompilado y probado previamente para muchas de las cosas simples que desea hacer en un servidor web.