无法导入web3

Question

我正试图给我的dapp添加一个漂亮的图形用户界面，而我对所有与web编程相关的东西都完全不在行。我和webpack一起做的第一个版本起作用了(但我真的不明白是怎么做到的，也不知道为什么)。我现在开始第二次迭代，为了最大限度地简化，我决定从webpack切换到vite (https://vitejs.dev/)。按照指南(https://vitejs.dev/guide/)中的说明初始化项目后，我设法让'hello vite‘站点运行起来。接下来，我用以下命令添加了Web3

npm install web3

然后我把main.js从

import './style.css';

document.querySelector('#app').innerHTML = `
 <h1>Hello Vite!</h1>
 <a href="https://vitejs.dev/guide/features.html" target="_blank">Documentation</a>
`

至

import './style.css';
import Web3 from "web3";

document.querySelector('#app').innerHTML = `
  <h1>Hello Vite!</h1>
  <a href="https://vitejs.dev/guide/features.html" target="_blank">Documentation</a>
`

但是，在更改此行之后，我得到以下错误：

Uncaught ReferenceError: process is not defined
    at node_modules/util/util.js (util.js:109)
    at __require2 (web3.js?v=5afc53e8:17)
    at node_modules/web3-core-requestmanager/lib/index.js (index.js:20)
    at __require2 (web3.js?v=5afc53e8:17)
    at node_modules/web3-core/lib/index.js (index.js:22)
    at __require2 (web3.js?v=5afc53e8:17)
    at node_modules/web3/lib/index.js (index.js:29)
    at __require2 (web3.js?v=5afc53e8:17)
    at dep:web3:1

Answer 1

“进程未定义”意味着您正试图在浏览器中运行特定于Node.js的javascript。如果web3打算在浏览器中运行，那么您需要类似于webpack的代码。