Vue 项目和 googleapis - 无法构建 - child_process 个错误

Question

目标

在 vue-cli 项目中安装和构建 googleapis 包。

例子

https://github.com/ChaddPortwine/test-googleapis

要创建此示例，我只需：

1. vue init webpack test-googleapis
2. npm install
3. npm install googleapis --save、npm install google-auth-library --save
4. npm run dev（到目前为止，没问题，应用程序构建并运行）
5. 添加行，import googleapis from 'googleapis'到main.js
6. npm run dev（错误Child_Process）

错误

 ERROR  Failed to compile with 13 errors                                                      11:16:12 AM

These dependencies were not found:

* child_process in ./node_modules/googleapis/node_modules/google-auth-library/lib/auth/googleauth.js
* fs in ./node_modules/google-p12-pem/index.js, ./node_modules/googleapis/lib/googleapis.js and 5 others
* net in ./node_modules/forever-agent/index.js, ./node_modules/tough-cookie/lib/cookie.js and 1 other
* tls in ./node_modules/forever-agent/index.js, ./node_modules/tunnel-agent/index.js

To install them, you can run: npm install --save child_process fs net tls

问题

如何使用 googleapis 构建应用程序？

Answer 1

您收到这些错误是因为 googleapis 库是一个 Node 库，因为它不能在客户端（浏览器）上运行，因此 Webpack 无法正确处理它。

您可以在基于节点的后端（例如 Express）中使用它，但不能在客户端 Vue 应用程序中使用它 - 它可能可以通过 Nuxt 与服务器端呈现的 Vue 应用程序一起使用，但不确定，还没有尝试过.