Mengendalikan isu Webpack 5 Polyfill dalam Ionic Vue

Question

Saya cuba menggunakan pakej cosmjs dengan Ionic Vue. Apabila saya ingin mengimport

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

Saya mendapat soalan ini:

Jika anda tidak mahu memasukkan polyfill, anda boleh menggunakan modul kosong seperti ini:
    resolve.fallback: { "crypto": false }

Dan aplikasi itu tidak boleh digunakan dalam aplikasi.

Answer 1

Menurut dokumentasi Ionic dan Vue anda boleh dengan mudah memasukkan objek tersuai ke dalam konfigurasi pek web terakhir.

Mula-mula, pasang versi penyemak imbas modul penyulitan dengan melaksanakan arahan berikut:

npm install crypto-browserify

Anda kemudiannya harus mencipta vue.config.js fail dalam direktori akar projek anda seperti ini:

// vue.config.js

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

Anda sepatutnya dapat mengulangi proses ini untuk setiap modul asal nod yang terlepas yang mempunyai versi penyemak imbas.