Gestion des problèmes Webpack 5 Polyfill dans Ionic Vue

Question

J'essaie d'utiliser le package cosmjs dans Ionic Vue. Lorsque je souhaite importer

importer { DirectSecp256k1HdWallet } depuis "@cosmjs/proto-signing";

J'ai reçu cette question :

Si vous ne souhaitez pas inclure de polyfill, vous pouvez utiliser un module vide comme celui-ci :
    solve.fallback : { "crypto" : false }

Et l'application ne peut pas être utilisée dans l'application.

Answer 1

Selon la documentation Ionic et Vue, vous pouvez facilement incorporer des objets personnalisés dans la configuration finale du webpack.

Tout d'abord, installez la version navigateur du module de chiffrement en exécutant la commande suivante :

npm install crypto-browserify

Vous devez ensuite créer un fichier vue.config.js dans le répertoire racine de votre projet comme ceci :

// vue.config.js

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

Vous devriez pouvoir répéter ce processus pour chaque module natif de nœud manqué qui dispose d'une version de navigateur.