Express 如何在react.js中使用Google云存储?

Express 如何在react.js中使用Google云存储?,express,reactjs,google-cloud-storage,Express,Reactjs,Google Cloud Storage,我正在运行一个在Express上运行的react.js应用程序。我添加了,但我还没有设法使它工作。当我需要该模块时,我的控制台中出现以下错误: 似乎npm模块应该运行服务器端,而react.js运行客户端。有人试过用react.js应用程序将文件上传到谷歌云存储吗?谷歌云平台上有一个JavaScript客户端库,可用于谷歌API。这将向您展示如何在计算引擎API中使用它。它与谷歌云存储的使用原则应该类似 需要匹配云存储JSON API,并且需要一个存储客户端,而不是计算。从那里,您可以根据需要

我正在运行一个在Express上运行的react.js应用程序。我添加了,但我还没有设法使它工作。当我需要该模块时,我的控制台中出现以下错误:


似乎npm模块应该运行服务器端,而react.js运行客户端。有人试过用react.js应用程序将文件上传到谷歌云存储吗?

谷歌云平台上有一个JavaScript客户端库,可用于谷歌API。这将向您展示如何在计算引擎API中使用它。它与谷歌云存储的使用原则应该类似


需要匹配云存储JSON API,并且需要一个
存储
客户端,而不是
计算
。从那里,您可以根据需要使用,使用与本教程相同的样式。

您可以使用firebase在任何react应用程序中轻松访问云存储

npm install firebase
然后像其他库一样导入和使用它

import firebase from "firebase/app";
import "firebase/storage"


var firebaseConfig = [a key you get from your firebase project]


firebase.initializeApp(firebaseConfig);

var storage = firebase.storage();
你想怎么用就怎么用。例如

var files = await storage.ref("/images").list();
console.log(files.items);
只需列出云存储文件夹中名为
images


您可以在此处获得完整的文档,用于前端web使用,就像您打算在react中使用一样,
google cloud
软件包似乎需要与nodejs一起运行,而不是与浏览器一起运行。您不能在客户端上使用该软件包。试一下,它目前正在测试阶段。我在这里写了一些关于部署React到Google云存储的内容,如果你感兴趣的话。是的;这里的根本问题是OP试图在React应用程序中使用特定于节点的npm模块,而React应用程序无法从浏览器访问
fs
和其他Node.js核心模块。