Estoy tratando de import { Image } from "cloudinary-react";
Como se indica en Cloudinary-React
Y recibiendo la advertencia:
No se pudo encontrar un archivo de declaración para el módulo 'cloudinary-react'. '/Users/myname/Web Projects/ProjectName/node_modules/cloudinary-react/dist/cloudinary-react.js' implícitamente tiene un tipo 'cualquiera'. Pruebe
npm i --save-dev @types/cloudinary-react
si existe o agregue un nuevo archivo de declaración (.d.ts) que contengadeclare module 'cloudinary-react';
(7016)
No estoy usando TypeScript .
No puedo entender lo que está pasando. ¿Alguien tiene alguna idea de cómo puedo resolver esto? He mirado a mi alrededor durante unas horas.
Paquete.json: "dependencies": { "axios": "^0.21.1", "bcrypt": "^5.0.0", "cloudinary": "^1.27.1", "cloudinary-react": "^1.7.0", ...
Gracias por cualquier ayuda.
El módulo cloudinary-react normalmente se debe agregar en node_modules
cuando se instala en su proyecto. El siguiente código de ejemplo se muestra en este proyecto de ejemplo.
Para las dependencias en package.json:
"dependencies": { "cloudinary-react": "1.7.0", "lodash": "4.17.21", "react": "17.0.2", "react-dom": "17.0.2", "react-scripts": "4.0.0" },
Y los componentes de Cloudinary se pueden importar como se muestra a continuación:
import React from "react"; import { Image } from "cloudinary-react"; class ImageDisplay extends React.Component { render() { return ( <div className="counter"> <Image cloudName="demo" publicId="sample" width="300" crop="scale" /> </div> ); } } export default ImageDisplay;