Javascript 在HTML页面中使用NPM依赖项_Javascript_Html_Node.js_Npm

Javascript 在HTML页面中使用NPM依赖项

javascript html node.js npm

Javascript 在HTML页面中使用NPM依赖项,javascript,html,node.js,npm,Javascript,Html,Node.js,Npm,我目前正在制作一个帮助和支持表单，为了更方便地处理请求，我需要检索一些有关用户连接的信息（ping、上传、下载）。到目前为止，我们将用户重定向到一个网站进行测试（），但我发现NPM上存在一个依赖项，允许检索此信息：我从未与NPM合作过，尽管我进行了研究，但我的问题仍然是。。。浏览器每次都返回相同的错误：未捕获引用错误：未定义require（我可以理解，因为浏览器无法解释require）。。。现在我就在这里，我甚至不知道我是从哪里开始的，如果有人能帮我解决这个问题，那就太好了：D <!D

我目前正在制作一个帮助和支持表单，为了更方便地处理请求，我需要检索一些有关用户连接的信息（ping、上传、下载）。到目前为止，我们将用户重定向到一个网站进行测试（），但我发现NPM上存在一个依赖项，允许检索此信息：

我从未与NPM合作过，尽管我进行了研究，但我的问题仍然是。。。浏览器每次都返回相同的错误：未捕获引用错误：未定义require（我可以理解，因为浏览器无法解释require）。。。现在我就在这里，我甚至不知道我是从哪里开始的，如果有人能帮我解决这个问题，那就太好了：D

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Speedtest - Test</title>

        <script type="module" src="https://unpkg.com/speedtest-net@2.2.0/index.js"></script>
        <script type="module" src="https://unpkg.com/speedtest-net@2.2.0/bin/index.js"></script>
    </head>
    <body>
        
        <script>
            (async () => {
                try {
                    console.log(await speedTest());
                } catch (err) {
                    console.log(err.message);
                } finally {
                    process.exit(0);
                }
            })();
        </script>
    </body>
</html>


速度测试-测试
（异步（）=>{
试一试{
log（wait speedTest（））；
}捕捉（错误）{
控制台日志（错误消息）；
}最后{
进程退出（0）；
}
})();

我建议您创建一个单独的脚本，您可以在其中加载依赖项：

创建index.js

运行

npm安装--保存speedtest net

在index.js集合中：

const speedTest=require（'speedTest-net'）；
（异步（）=>{
试一试{
log（wait speedTest（））；
}捕捉（错误）{
控制台日志（错误消息）；
}最后{
进程退出（0）；
}
})();请查看“浏览器绑定”。现在有两个人在浏览器中建议使用不起作用的require（）
。真烦人。您需要一个像webpack、parcel、rollup、snowpack等工具来将模块格式转换为web格式。您还需要检查该软件包是否支持浏览器，因为并非npm上的所有软件都支持。如上所述，我是一个完全的新手，可以详细说明您的答案吗？关于如何转换模块并检查模块是否能在浏览器上正常工作？查找Parcel，它可能是初学者最容易使用的。基本上，你把它指向一个你想要捆绑的Javascript文件，剩下的就由它来完成了。编辑：说得很清楚，我最后一句话的烦恼是针对另外两个人，他们提出的答案在浏览器的历史上从未真正起过作用：D不是你，OP.你在猜吗？因为不，这不起作用，而且从来没有起过作用。是的，它不起作用（已经试过了…），还有其他建议吗？