javascript - 将 Create-react-app 与 googleapis 一起使用时出错

标签 javascript node.js reactjs google-api create-react-app

我是 React 的新手,我按照 Heroku 的指南使用 Create-react-app 创建了一个新的 React 应用程序。我想使用 Google API 通过 Google 的 OAuth2 对用户进行身份验证并获取刷新 token ,因此我按照 Google API Node Client 上的指南使用 npm install googleapis --save 安装“googleapis”包,但是在我使用 import {google} from 'googleapis' 导入 googleapis 后,当我点击 npm start 时出现以下错误:

Uncaught TypeError: Cannot convert undefined or null to object
at Function.getPrototypeOf (<anonymous>)
at ./node_modules/google-p12-pem/node_modules/pify/index.js.module.exports (index.js:75)
at Object../node_modules/google-p12-pem/build/src/index.js (index.js:6)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object../node_modules/gtoken/build/src/index.js (index.js:50)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object../node_modules/google-auth-library/build/src/auth/jwtclient.js (jwtclient.js:63)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object../node_modules/google-auth-library/build/src/auth/googleauth.js (googleauth.js:60)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object../node_modules/google-auth-library/build/src/index.js (index.js:18)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object../node_modules/googleapis/build/src/lib/googleapis.js (googleapis.js:60)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object../node_modules/googleapis/build/src/index.js (index.js:18)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object../src/App.js (App.css?9a66:26)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object../src/index.js (index.css?f255:26)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at fn (bootstrap 8c14a9046e11e185076c:88)
at Object.0 (registerServiceWorker.js:117)
at __webpack_require__ (bootstrap 8c14a9046e11e185076c:678)
at ./node_modules/ansi-regex/index.js.module.exports (bootstrap 8c14a9046e11e185076c:724)
at bootstrap 8c14a9046e11e185076c:724

我错过了什么导致了这个错误?

最佳答案

您可以使用 npm 模块“gapi-client”代替“googleapis”。

做一个

npm install gapi-client

并在您的代码中使用 like,

import gapi from 'gapi-client';

它工作正常,您可以使用谷歌示例中提到的相同示例,如 https://developers.google.com/api-client-library/javascript/start/start-js

关于javascript - 将 Create-react-app 与 googleapis 一起使用时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48800491/

相关文章:

javascript - 如何延迟一个史诗直到另一个史诗发出值

node.js - Angular 6 错误类型错误 : Cannot read property 'navigate' of undefined

javascript - gulp-live-server 不刷新页面

javascript - 如何将 getElementById 传递给可以将数据存储到数据库的 PHP

javascript - 使用 AJAX 和 jQuery 填充 div

reactjs - 关于乐观更新 : when do we need it? 的后续问题

javascript - React Hooks——未捕获的不变违规 : Objects are not valid as a React child

javascript - 转移 { ..this.props } 但排除某些

javascript - 向前或向后行走多维javascript数组

node.js - 带有 Sequelize 多对多的额外列