jwt - 如何在 Webpack 5 中为 jsonwebtoken 填充缓冲区

Question

我正在升级到 Webpack 5，但我遇到了需要缓冲区的包 jsonwebtoken ( https://github.com/auth0/node-jsonwebtoken) 的问题(位于 https://github.com/auth0/node-jsonwebtoken/blob/master/sign.js#L91)由于 nodejs 函数不包含 Webpack 5 polyfill，因此我尝试使用 jsonwebtoken 中的函数 sign 它会抛出以下错误:

message: "Buffer is not defined"
stack: "ReferenceError: Buffer is not defined↵    
at module.exports (webpack-internal:///./node_modules/jsonwebtoken/sign.js:91:26)↵ 

为了解决这个问题，我安装了 https://github.com/feross/buffer与

npm install buffer

在我的 webpack 配置中添加了

 resolve: {
    fallback: {
      "Buffer": require.resolve('buffer/'),
    }

或

 resolve: {
    fallback: {
      "buffer": require.resolve('buffer/'),
    }

我也试过

 resolve: {
    fallback: {
      "buffer": require.resolve('buffer/').Buffer,
    }

但最后一个会产生 Webpack 模式错误:

 configuration.resolve.fallback['Buffer'] should be one of these:
      [non-empty string, ...] | false | non-empty string
      -> New request.
      Details:
       * configuration.resolve.fallback['Buffer'] should be an array:
         [non-empty string, ...]
         -> Multiple alternative requests.
       * configuration.resolve.fallback['Buffer'] should be false.
         -> Ignore request (replace with empty module).
       * configuration.resolve.fallback['Buffer'] should be a non-empty string.
         -> New request.
    at validate (/home/ant1/packcity/front-pmd/node_modules/webpack/node_modules/schema-utils/dist/validate.js:104:11)

尽管我进行了试验，但它不起作用并且错误仍然存​​在。

有人成功地在他们的应用程序中添加了 Buffer 的 polyfill 与 Webpack 捆绑在一起了吗？非常感谢任何帮助。

Answer 1

我刚刚通过添加解决了我的问题

    new webpack.ProvidePlugin({
      Buffer: ['buffer', 'Buffer'],
    }),

按照这里的建议 https://github.com/ipfs/js-ipfs/issues/3369#issuecomment-721975183