Umgang mit Webpack 5 Polyfill-Problemen in Ionic Vue

Question

Ich versuche, das cosmjs-Paket mit Ionic Vue zu verwenden. Wenn ich

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

Ich habe diese Frage bekommen:

Wenn Sie keine Polyfüllung einschließen möchten, können Sie ein leeres Modul wie dieses verwenden:
    lösen.fallback: { "crypto": false }

Und die Anwendung kann nicht innerhalb der Anwendung verwendet werden.

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
            }
        }
    }
};

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