vite/rollup.js を使用して Node.js の os モジュールを拡張します

Question

私は opensea-js パッケージを使用する Vite プロジェクトに取り組んでいます。このパッケージは xhr2-cookies に依存しており、os、http、https などをインポートします。内部ノードモジュール。

opensea メソッドを呼び出そうとすると、次のエラーが発生します:

キャッチされません (約束内) TypeError: os.type は関数ではありません
    XMLHttpRequest2 xml-http-request.ts:102
    prepareRequest httpprovider.js:61
    sendAsync httpprovider.js:116
    node_modules opensea-js.js:24209

このエラーを追跡すると、ユーザー エージェント文字列の構築に起因していることがわかります。

rollup-plugin-polyfill-node をインストールして vite.config.js に追加しようとしましたが、同じエラーが発生します: < ;/ p>

「パス」からパスをインポート
「@vitejs/plugin-vue」から vue をインポートします
「rollup-plugin-polyfill-node」からnodePolyfillsをインポートします
「vite」から {defineConfig} をインポートします

// https://vitejs.dev/config/
デフォルトのdefineConfigをエクスポート({
  プラグイン: [vue()]、
  解決する： {
    エイリアス: {
      '@': path.resolve(__dirname, 'src'),
    }、
  }、
  サーバー: {
    ポート: 8080、
  }、
  定義する： {
    'プロセス.環境': {},
  }、
  建てる： {
    ロールアップオプション: {
      プラグイン: [
        ノードポリフィル()、
      ]、
    }、
  }、
})

また、patch-package を使用してファイルを手動で修復しようとしましたが、これにより os エラーが解決されましたが、リクエストを送信しようとしたときに失敗しました（ポリフィルhttp/httpsモジュール)。

Answer 1

私はこの問題を解決するために rollup-plugin-polyfill-node を使用しました。

リーリー

これは、ファビアーノの答えに基づいたより完全な解決策です:

リーリー

Answer 2

私のプロジェクトでは、問題を解決するために次の構成を使用しました。解決策については、短い記事で説明します。

リーリー