Vue3迁移时浏览器端使用CoinGecko库遇兼容性问题求助

错误1：TypeError: process.emitWarning is not a function #

原因 #

你使用的CoinGecko官方Node.js库依赖Node环境专属的process全局对象，浏览器环境不存在该对象，导致调用报错。

解决方案 #

弃用Node版CoinGecko库，直接调用CoinGecko公开REST API，用浏览器原生fetch或axios发起请求，完全规避Node环境依赖。

错误2：Module "querystring"已被外部化，无法访问querystring.stringify #

原因 #

querystring是Node.js内置模块，浏览器环境不支持；Vue3默认构建工具Vite会将这类Node专属模块外部化，禁止客户端代码引用。

解决方案 #

用浏览器原生API URLSearchParams替代querystring.stringify处理URL参数拼接，该API完全兼容所有现代浏览器。

完整替代实现示例 #

替换你原有的getFiatCoinGecko函数，直接对接CoinGecko公开API：

async function getFiatCoinGecko(coinIds) {
  try {
    // 用URLSearchParams构建请求参数
    const params = new URLSearchParams({
      ids: coinIds.join(','), // 传入加密货币ID数组，如['bitcoin', 'ethereum']
      vs_currencies: 'usd',
      // 可按需添加其他参数，比如include_24hr_change: true
    });

    const response = await fetch(`https://api.coingecko.com/api/v3/simple/price?${params.toString()}`);
    
    if (!response.ok) throw new Error(`请求失败，状态码：${response.status}`);
    
    return await response.json();
  } catch (error) {
    console.error('获取加密货币USD价格失败:', error);
    return {};
  }
}

在AppTraderView.vue组件中调用：

<script setup>
import { onMounted } from 'vue';

// 引入或直接定义上述getFiatCoinGecko函数
async function getFiatCoinGecko(coinIds) { /* ... */ }

onMounted(async () => {
  // 示例：获取比特币和以太坊的USD价格
  const priceData = await getFiatCoinGecko(['bitcoin', 'ethereum']);
  console.log('加密货币价格数据:', priceData);
  // 后续处理逻辑...
});
</script>

内容的提问来源于stack exchange，提问作者artistAhmed