在 Ionic Vue 中处理 Webpack 5 的 Polyfill 问题

Question

我正在尝试在 Ionic Vue 中使用 cosmjs 的包。当我想导入时

import { DirectSecp256k1HdWallet } from "@cosmjs/proto-signing";

我收到这个问题：

If you don't want to include a polyfill, you can use an empty module like this:
    resolve.fallback: { "crypto": false }

并且无法在应用程序中使用该应用程序。

Answer 1

根据 Ionic 和 Vue 文档您可以轻松地将自定义对象合并到最终的 webpack 配置中。

首先，通过执行以下命令安装加密模块的浏览器版本：

npm install crypto-browserify

然后您应该在项目根目录中创建一个 vue.config.js 文件，如下所示：

// vue.config.js

module.exports = {
    configureWebpack: {
        resolve: {
            fallback: {
                crypto: require.resolve( 'crypto-browserify' )
                // Any other missed node module
            }
        }
    }
};

您应该能够对每个具有浏览器版本的错过的节点本机模块重复此过程。