reactjs 无法配置env变量以在react应用程序中使用cloudinary

atmip9wb  于 2023-02-03  发布在  React
关注(0)|答案(1)|浏览(122)

我的react应用程序中的cloudinary配置出现问题,我安装了库并创建了一个cloudinary文件,如下所示:
cloudinary.js

import { v2 as cloudinary } from 'cloudinary';
import * as dotenv from 'dotenv';
dotenv.config();

cloudinary.config({
    cloud_name: process.env.CLOUD_NAME,
    api_key: process.env.CLOUD_API_KEY,
    api_secret: process.env.CLOUD_API_SECRET,
    secure: true
});

export default cloudinary;

我的.env文件:

CLOUD_NAME=d*******c
CLOUD_API_KEY=8***********8
CLOUD_API_SECRET=j*************************A

我正在使用netlify进行部署。当我尝试使用import cloudinary from "...";在其他文件中使用cloudinary时,我收到如下错误:

有人能帮忙吗?先谢了!

bksxznpy

bksxznpy1#

这取决于设置项目时使用的内容。

  • 如果是CRA,则必须使用REACT_APP_作为前缀Reference
  • 如果是Vite,则必须使用前缀为VITE_import.meta.env.VITE_SOME_KEYReference

相关问题