开发环境下直接引入包,白屏,原因是找不到包内一个入口文件
我去看了下/node_modules/@walletconnect/socket-transport,没有’src’文件夹开始,也没有安装它image.png
所以是出于某种原因无法使用 Remix (esbuild) 进行编译

包存在的问题

https://github.com/WalletConnect/walletconnect-monorepo/issues/734

思路来源

羊毛出现羊身上, 我在基于webpack上没有遇到该类问题,应该是vite在包层面上次依赖编译失效的问题
尝试看vite issues查找相关答案
image.png

解决方案

  1. import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
  2. export default defineConfig({
  3. // ...other config settings
  4. optimizeDeps: {
  5. esbuildOptions: {
  6. // Node.js global to browser globalThis
  7. define: {
  8. global: 'globalThis'
  9. },
  10. // Enable esbuild polyfill plugins
  11. plugins: [
  12. NodeGlobalsPolyfillPlugin({
  13. buffer: true
  14. })
  15. ]
  16. }
  17. }
  18. }