Rumah  >  Soal Jawab  >  teks badan

Gunakan vite/rollup.js untuk melanjutkan modul os Node.js

<p>Saya sedang mengusahakan projek Vite yang menggunakan pakej <code>opensea-js</code> Pakej ini bergantung pada <code>xhr2-cookies</code>, yang mengimport <code>os</code>, <code>http</code>, <code>https</code> modul nod dalaman. </p> <p>Apabila saya cuba memanggil mana-mana kaedah opensea, saya mendapat ralat berikut: </p> <pre class="brush:php;toolbar:false;">Tidak ditangkap (dalam janji) TypeError: os.type bukan fungsi XMLHttpRequest2 xml-http-request.ts:102 prepareRequest httpprovider.js:61 sendAsync httpprovider.js:116 node_modules opensea-js.js:24209</pre> <p>Jejaki ralat ini dan ketahui bahawa ia datang daripada membina rentetan ejen pengguna. </p> <p>Saya cuba memasang <code>rollup-plugin-polyfill-node</code> dan menambahkannya pada <code>vite.config.js</code> p> <pre class="brush:php;toolbar:false;">import laluan daripada 'path' import vue daripada '@vitejs/plugin-vue' import nodePolyfills daripada 'rollup-plugin-polyfill-node' import { defineConfig } daripada 'vite' // https://vitejs.dev/config/ eksport defineConfig lalai ({ pemalam: [vue()], selesaikan: { alias: { '@': path.resolve(__dirname, 'src'), }, }, pelayan: { pelabuhan: 8080, }, takrifkan: { 'process.env': {}, }, bina: { rollupOptions: { pemalam: [ nodePolyfills(), ], }, }, })</pre> <p>Saya juga cuba membaiki fail secara manual menggunakan <code>patch-package</code> yang menyelesaikan ralat <kod>os</kod> poliisi<kod>http</kod>/<kod>https</kod> </p>
P粉176151589P粉176151589443 hari yang lalu478

membalas semua(2)saya akan balas

  • P粉863295057

    P粉8632950572023-08-25 12:11:28

    Saya menggunakan rollup-plugin-polyfill-node untuk menyelesaikan masalah ini.

    import nodePolyfills from 'rollup-plugin-polyfill-node';
    rollup({
      entry: 'main.js',
      plugins: [
        nodePolyfills( /* options */ )
      ]
    })

    Berikut adalah penyelesaian yang lebih lengkap berdasarkan jawapan Fabiano:

    // yarn add --dev @esbuild-plugins/node-globals-polyfill
    import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
    // yarn add --dev @esbuild-plugins/node-modules-polyfill
    import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill'
    import nodePolyfills from 'rollup-plugin-polyfill-node';
    
    export default {
            optimizeDeps: {
                esbuildOptions: {
                    // Node.js global to browser globalThis
                    define: {
                        global: 'globalThis'
                    },
                    // Enable esbuild polyfill plugins
                    plugins: [
                        NodeGlobalsPolyfillPlugin({
                            process: true,
                            buffer: true
                        }),
                        NodeModulesPolyfillPlugin()
                    ]
                }
            },
            build: {
                rollupOptions: {
                    plugins: [
                        // Enable rollup polyfills plugin
                        // used during production bundling
                        nodePolyfills()
                    ]
                }
            }
    }

    balas
    0
  • P粉720716934

    P粉7207169342023-08-25 00:11:17

    Dalam projek saya, saya menggunakan konfigurasi berikut untuk menyelesaikan masalah. Saya menerangkan penyelesaiannya dalam artikel pendek.

    // yarn add --dev @esbuild-plugins/node-globals-polyfill
    import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
    // yarn add --dev @esbuild-plugins/node-modules-polyfill
    import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill'
    // You don't need to add this to deps, it's included by @esbuild-plugins/node-modules-polyfill
    import rollupNodePolyFill from 'rollup-plugin-node-polyfills'
    
    export default {
            resolve: {
                alias: {
                    // This Rollup aliases are extracted from @esbuild-plugins/node-modules-polyfill, 
                    // see https://github.com/remorses/esbuild-plugins/blob/master/node-modules-polyfill/src/polyfills.ts
                    // process and buffer are excluded because already managed
                    // by node-globals-polyfill
                    util: 'rollup-plugin-node-polyfills/polyfills/util',
                    sys: 'util',
                    events: 'rollup-plugin-node-polyfills/polyfills/events',
                    stream: 'rollup-plugin-node-polyfills/polyfills/stream',
                    path: 'rollup-plugin-node-polyfills/polyfills/path',
                    querystring: 'rollup-plugin-node-polyfills/polyfills/qs',
                    punycode: 'rollup-plugin-node-polyfills/polyfills/punycode',
                    url: 'rollup-plugin-node-polyfills/polyfills/url',
                    string_decoder:
                        'rollup-plugin-node-polyfills/polyfills/string-decoder',
                    http: 'rollup-plugin-node-polyfills/polyfills/http',
                    https: 'rollup-plugin-node-polyfills/polyfills/http',
                    os: 'rollup-plugin-node-polyfills/polyfills/os',
                    assert: 'rollup-plugin-node-polyfills/polyfills/assert',
                    constants: 'rollup-plugin-node-polyfills/polyfills/constants',
                    _stream_duplex:
                        'rollup-plugin-node-polyfills/polyfills/readable-stream/duplex',
                    _stream_passthrough:
                        'rollup-plugin-node-polyfills/polyfills/readable-stream/passthrough',
                    _stream_readable:
                        'rollup-plugin-node-polyfills/polyfills/readable-stream/readable',
                    _stream_writable:
                        'rollup-plugin-node-polyfills/polyfills/readable-stream/writable',
                    _stream_transform:
                        'rollup-plugin-node-polyfills/polyfills/readable-stream/transform',
                    timers: 'rollup-plugin-node-polyfills/polyfills/timers',
                    console: 'rollup-plugin-node-polyfills/polyfills/console',
                    vm: 'rollup-plugin-node-polyfills/polyfills/vm',
                    zlib: 'rollup-plugin-node-polyfills/polyfills/zlib',
                    tty: 'rollup-plugin-node-polyfills/polyfills/tty',
                    domain: 'rollup-plugin-node-polyfills/polyfills/domain'
                }
            },
            optimizeDeps: {
                esbuildOptions: {
                    // Node.js global to browser globalThis
                    define: {
                        global: 'globalThis'
                    },
                    // Enable esbuild polyfill plugins
                    plugins: [
                        NodeGlobalsPolyfillPlugin({
                            process: true,
                            buffer: true
                        }),
                        NodeModulesPolyfillPlugin()
                    ]
                }
            },
            build: {
                rollupOptions: {
                    plugins: [
                        // Enable rollup polyfills plugin
                        // used during production bundling
                        rollupNodePolyFill()
                    ]
                }
            }
    }

    balas
    0
  • Batalbalas