未定义的TypeError: Buffer2未定义

Question

当我将jsonwebtoken导入我的react项目时，我得到了Uncaught TypeError: Buffer2 is undefined。

import jwt from jsonwebtoken和import {decode} from 'jsonwebtoken'都会引发错误。

我使用的是jsonwebtoken v8.5.1。我使用vite v2.7.2作为我的构建工具。

是什么引起了这个问题？

堆栈跟踪

Uncaught TypeError: Buffer2 is undefined
    js index.js:11
    __require chunk-ESTXZSVW.js:12
    js sign-stream.js:2
    __require chunk-ESTXZSVW.js:12
    js index.js:2
    __require chunk-ESTXZSVW.js:12
    js decode.js:1
    __require chunk-ESTXZSVW.js:12
    js index.js:2
    __require chunk-ESTXZSVW.js:12
    <anonymous> jsonwebtoken:1
index.js:11:4
    js index.js:11
    __require chunk-ESTXZSVW.js:12
    js sign-stream.js:2
    __require chunk-ESTXZSVW.js:12
    js index.js:2
    __require chunk-ESTXZSVW.js:12
    js decode.js:1
    __require chunk-ESTXZSVW.js:12
    js index.js:2
    __require chunk-ESTXZSVW.js:12
    <anonymous> jsonwebtoken:1
    InnerModuleEvaluation self-hosted:2374
    InnerModuleEvaluation self-hosted:2374
    InnerModuleEvaluation self-hosted:2374
    evaluation self-hosted:2335

Answer 1

问题在于Webpack放弃了对填埋场的支持。我发现它的唯一原因是我在create-react-app中重新创建了这个项目，它向我展示了一个非常有用的错误消息。维特刚给我看了一页空白。

更多细节：https://webpack.js.org/blog/2020-10-10-webpack-5-release/#automatic-nodejs-polyfills-removed