Cloudinary-React 找不到模块“cloudinary-react”的声明文件 - 不使用 TypeScript答案

【问题标题】：Cloudinary-React Could not find a declaration file for module 'cloudinary-react' - Not using TypeScriptCloudinary-React 找不到模块“cloudinary-react”的声明文件 - 不使用 TypeScript
【发布时间】：2022-01-19 03:15:13
【问题描述】：

我正在尝试import { Image } from "cloudinary-react"; 按照Cloudinary-React 的指示

并收到警告：

找不到模块“cloudinary-react”的声明文件。 '/用户/我的名字/网络项目/项目名称/node_modules/cloudinary-react/dist/cloudinary-react.js' 隐含地具有“任何”类型。尝试npm i --save-dev @types/cloudinary-react（如果存在）或添加新声明 (.d.ts) 包含declare module 'cloudinary-react';ts(7016)的文件

我没有使用 TypeScript。

我不知道发生了什么。有谁知道我该如何解决这个问题？我已经环顾了几个小时。

Package.json："dependencies": { "axios": "^0.21.1", "bcrypt": "^5.0.0", "cloudinary": "^1.27.1", "cloudinary-react": "^1.7.0", ...

感谢您的帮助。

【问题讨论】：

标签： javascript reactjs cloudinary

【解决方案1】：

cloudinary-react module 通常应该在安装到您的项目中时添加到node_modules 中。以下示例代码显示在此sample project 中。

对于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"
},

并且可以导入Cloudinary组件，如下图：

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;

【讨论】：