问题截图:
x1c 0d1x我的系统目录中的Web3.min.js路径!
Web3.min.js从我的浏览器中的文件夹加载
将web3.min.js复制到index.html文件所在的文件夹中。
代码添加
节点的信息!
我遇到以下两个问题:
1.无法加载资源:web3.min.js:1 net::ERR_CONNECTION_REFUSED
1.错误:无法连接到节点http://localhost:8545。
我的Index.html文件为
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="container">
<h1>Coursetro Instructor</h1>
<h2 id="instructor"></h2>
<label for="name" class="col-lg-2 control-label">Instructor Name</label>
<input id="name" type="text">
<label for="name" class="col-lg-2 control-label">Instructor Age</label>
<input id="age" type="text">
<button id="button">Update Instructor</button>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script>
if (typeof web3 !== 'undefined') {
web3 = new Web3(web3.currentProvider);
} else {
// set the provider you want from Web3.providers
web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:8545"));
}
web3.eth.defaultAccount = web3.eth.accounts[0];
var CoursetroContract = web3.eth.contract([
{
"constant": false,
"inputs": [
{
"name": "_fName",
"type": "string"
},
{
"name": "_age",
"type": "uint256"
}
],
"name": "setInstructor",
"outputs": [],
"payable": false,
"stateMutability": "nonpayable",
"type": "function"
},
{
"constant": true,
"inputs": [],
"name": "getInstructor",
"outputs": [
{
"name": "",
"type": "string"
},
{
"name": "",
"type": "uint256"
}
],
"payable": false,
"stateMutability": "view",
"type": "function"
}
]);
var Coursetro=CoursetroContract.at('0x95712aa4ff464e56f76af55da6239a368c459ed4');
console.log(Coursetro);
</script>
</body>
</html>
2条答案
按热度按时间flseospp1#
如果您连接的是本地节点:
你已经包含了jquery cdn,同样地,从链接web3_cdn中包含一个web3。你可以从链接中下载一个文件,并通过以下方式将该文件连接到你的webapp中:
并且确保在运行应用程序时禁用了Metamask,Metamask会将Web3对象直接注入到应用程序中。
检查其他答案link以供参考
uhry853o2#
我有这个问题,我解决它。
解决方案:
你必须创建index.html和main.css在文件夹项目,而不是在node_modules文件夹。