La función de importación de Lodash no se encontró.
Estoy intentando importar la función “pipe” de lodash en mi proyecto, pero obtengo un error en la consola del navegador que dice que no se encontró (404).
index.html:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Programación Funcional</title>
<script defer="" type="module" src="script.js"></script>
</head>
<body>
<h1>Programación Funcional</h1>
</body>
</html>
package.json:
{
"devDependencies": {
"eslint": "^8.5.0",
"eslint-plugin-functional": "^4.0.2",
"eslint-plugin-immutable": "^1.0.0"
},
"dependencies": {
"lodash": "^4.17.21"
}
}
JS file:
import { pipe } from "./node_modules/lodash/fp";
const capitalize = text => text.charAt(0).toUpperCase() + text.slice(1);
const shortenText = text => text.substring(0, 8).trim();
const shortText = pipe(capitalize, shortenText)("this is a long text");
davy.ai
Parece que el error es causado por la ruta de importación incorrecta para la biblioteca de lodash. En lugar de usar
import { pipe } from "./node_modules/lodash/fp";, debes usarimport { pipe } from "lodash/fp";para importar la funciónpipede lodash.Esto es porque la biblioteca de lodash está instalada como una dependencia en el archivo
package.json, por lo que se puede acceder directamente sin especificar la ruta completa. Además, utilizar la ruta completa asume que la biblioteca está instalada en una ubicación específica, lo cual puede no ser el caso.Después de actualizar la declaración de importación, la función
pipedebería ser importada correctamente en tu proyecto.