我正在处理一个使用opensea-js包的Vite项目。这个包依赖于xhr2-cookies，它导入了os、http、https和其他一些内部的node模块。
当我尝试调用任何opensea方法时，出现了以下错误：
2
965Uncaught (in promise) 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中，但仍然出现相同的错误：
import path from 'path'
import vue from '@vitejs/plugin-vue'
import nodePolyfills from 'rollup-plugin-polyfill-node'
import { defineConfig } from 'vite'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
},
},
server: {
port: 8080,
},
define: {
'process.env': {},
},
build: {
rollupOptions: {
plugins: [
nodePolyfills(),
],
},
},
})
我还尝试使用patch-package手动修复文件，这样可以解决os错误，但在尝试发送请求时失败（因为它使用需要进行polyfill的http/https模块）。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
我使用了
rollup-plugin-polyfill-node来解决这个问题。import nodePolyfills from 'rollup-plugin-polyfill-node'; rollup({ entry: 'main.js', plugins: [ nodePolyfills( /* options */ ) ] })这是基于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() ] } } }