El error te indica que las rutas relativas deben empezar por ./, ../, o /
Es decir, cambia el import de:
import * as fs from 'fs/promises'
import * as fs from './fs/promises'
De todas formas el código no te va a funcionar porque estás intentando importar un módulo interno de node para utilizarlo en el navegador y esto no es posible.
Lo que debes hacer en su lugar es crear un servidor en node (usa express por sencillez) que atienda las peticiones que el navegador le haga con fetch, abra el archivo con fs/promises y una vez que node accedió al archivo, debe responder al navegador con la información que precisas.
La lógica que debes implementar es algo del estilo de:
servidor/index.js
import * as fs from 'fs/promises'
import app from express
// inicializa y configura express aquí
const leerFichero = (peticion, respuesta) => {
// obten nombreFichero aquí:
// lee contenido del fichero aquí usando fs/promise:
// envia contenido del fichero al navegador:
respuesta.send(miFichero);
}
app.get("leerFichero/:nombreFichero", leerFichero);
app.listen(3000, () => console.log("API disponible en http://127.0.0.1:3000/"));
cliente/index.html
<!doctype html>
<html>
...
<body>
<script src="../cliente/index.js"></script>
</body>
</html>
cliente/index.js
const nombreFichero = prompt("Nombre del fichero a mostrar");
fetch(`http://127.0.0.1:3000/leerFichero/${nombreFichero}`)
.then( data => data.text() )
.then( fichero => console.log(`El fichero ${nombreFichero} contiene:\n${fichero}`) );
fs/promises
en el navegador? Por motivos de seguridad, el navegador no te permite acceso al sistema de archivos.