无法访问JavaScript中的任何库

无法访问JavaScript中的任何库,javascript,ethereum,web3,Javascript,Ethereum,Web3,目前我正在做一个项目,我需要访问各种不同的库,但问题是我被卡住了。我的程序是一个基于web的应用程序,它使用以太坊区块链(ganache、truffle、metamask)。例如,我试图通过一个JavaScript文件访问库web3 eth帐户,我只需按下WebIT中的一个按钮即可访问该文件,但所发生的一切是: Uncaught Error: Cannot find module 'web3-eth-accounts' at o (web3.min.js:1) at o (web

目前我正在做一个项目,我需要访问各种不同的库,但问题是我被卡住了。我的程序是一个基于web的应用程序,它使用以太坊区块链(ganache、truffle、metamask)。例如,我试图通过一个JavaScript文件访问库web3 eth帐户,我只需按下WebIT中的一个按钮即可访问该文件,但所发生的一切是:

Uncaught Error: Cannot find module 'web3-eth-accounts'
    at o (web3.min.js:1)
    at o (web3.min.js:1)
    at Object.init (Test.js:4)
    at HTMLButtonElement.onclick (statePrototype.html:26)
Javascript:

Test = {

    init : function () {
        var Web3EthAccounts = require('web3-eth-accounts');

        var account = new Web3EthAccounts('ws://localhost:7545');

    }
}
HTML:

测试
...
...
...
所有库(包括web3 eth帐户)都位于node modules文件夹中

我真的很抱歉,如果这个问题是愚蠢的或归类为“初学者”,但我已经被困在这个问题上一个星期了

编辑1 HTML文件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Certificate System</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- Pagrindinis htmlo kodas -->
<h1>Student State Prototype</h1>

<button onclick="App.render()">Show Student State</button>

<p id = "StatePrint"></p>

<button onclick="App.fail()">Make Student Fail</button>

<button onclick="App.complete()">Make Student Complete the Course</button>

<button onclick="Test.init()">Test</button>

<hr />

<form action="index.html">
    <button class="pageSwitch" type="submit">Back to HOMEPAGE</button>
</form>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/web3.min.js"></script>
<script src="js/truffle-contract.js"></script>
<script src="js/app.js"></script>
<script src = "js/Test.js"></script>
</body>
</html>

证书制度
学生状态原型
显示学生状态

使学生失败 让学生完成课程 试验
返回主页
您所做的只是实例化它,您从未创建过帐户。你必须打电话

account.create();

从这里的文档:

您所做的只是实例化它,您从未创建过帐户。你必须打电话

account.create();

从这里的文档中:

放在底部的任何原因。您是否尝试将脚本标记移到顶部。在将“Test”加载到浏览器之前,您似乎正在尝试访问它。下面还有其他导入,所以我只是在它们附近添加了它。我将对其整体外观进行编辑。是否有理由将
放在底部。您是否尝试将脚本标记移到顶部。看起来您试图在将“Test”加载到浏览器之前访问它。下面有其他导入,所以我只是在它们附近添加了它。我将对它的整体外观进行编辑。抱歉,我在编写错误消息时出错,是的,问题不在代码中(尽管我知道它没有实例化),但是没有找到模块web3 eth帐户抱歉,我在编写错误消息时犯了一个错误,是的,问题不在代码中(尽管我知道它没有实例化),而是没有找到模块web3 eth帐户