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

您應該能夠對每個具有瀏覽器版本的錯過的節點本機模組重複此過程。