为什么当我将 `@googleapis/docs` 添加到我的项目时会出现 webpack 错误？

Question

当我添加以下内容时...

import {docs} from "@googleapis/docs";
"@googleapis/docs": "^3.0.2",

我得到以下信息

Module not found: Error: Can't resolve 'buffer' in '/Users/jackiegleason/Code/personal/jrg-ui/node_modules/buffer-equal-constant-time'
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "buffer": require.resolve("buffer/") }'
        - install 'buffer'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "buffer": false }

我很困惑它要求我做什么。我正在使用

react-scripts

所以它将处理 webpack 我没有特定的配置文件。

Answer 1

具体针对缓冲区问题，您有以下几种选择：

• 降级至CRA 4
• 弹出以便您可以自己管理配置
• 切换到其他东西来构建你的应用程序，因为create-react-app（以及扩展的react-scripts）已被软弃用

但是这些都不能解决你所有的问题。

@googleapis/docs

旨在从 Node 使用，它不是客户端库。