WalletConnect未能与vite绑定

Question

我有一个使用@walletconnect/client的vite项目。一切都很好

npm run dev

但是在构建(npm run build)过程中，我会得到以下错误

error during build:
Error: 'removeHexPrefix' is not exported by node_modules/@walletconnect/encoding/dist/cjs/index.js, imported by node_modules/@walletconnect/utils/dist/esm/ethereum.js

我尝试了一些来自github的vite配置。

1.

optimizeDeps: {
    include: ['@walletconnect/*']
  },

1. optimizeDeps：{不包括：@walletconnect/* }，

3.

build: {
    commonjsOptions: {exclude: ['@walletconnect*'], include: []},
  },

我不知道还能做些什么，但如果你遇到了这个问题或类似的事情。请告诉我你是怎么解决你的问题的。

谢谢。

Answer 1

有了同一问题 (我强烈建议你去看看)。修正了这个配置：

import { defineConfig } from "vite";
import { svelte } from "@sveltejs/vite-plugin-svelte";
import { NodeGlobalsPolyfillPlugin } from "@esbuild-plugins/node-globals-polyfill";
import inject from "@rollup/plugin-inject";
import nodePolyfills from "rollup-plugin-polyfill-node";

// https://vitejs.dev/config/
export default defineConfig({
  base: "./",
  // Node.js global to browser globalThis
  define: {
    global: "globalThis",
  },
  plugins: [
    svelte(),
    inject({
      util: "util/",
    }),
  ],
  build: {
    rollupOptions: {
      plugins: [nodePolyfills()],
    },
    commonjsOptions: {
      transformMixedEsModules: true,
    },
  },
  optimizeDeps: {
    esbuildOptions: {
      // Node.js global to browser globalThis
      define: {
        global: "globalThis",
      },
      // Enable esbuild polyfill plugins
      plugins: [
        NodeGlobalsPolyfillPlugin({
          buffer: true,
        }),
      ],same issue
    },
  },
});```