Javascript 在客户端JS网页上使用require（）_Javascript_Node.js_Puppeteer_Browserify

Javascript 在客户端JS网页上使用require（）

javascript node.js

Javascript 在客户端JS网页上使用require（）,javascript,node.js,puppeteer,browserify,Javascript,Node.js,Puppeteer,Browserify,我正在尝试创建一个简单的网页，它使用puppeter（一个用于抓取网页的NodeJS库）。我无法运行我的页面，因为我从index.html链接到的main.js文件通过require（）使用了puppeter，并且在加载页面时给了我一个错误，因为require（）不能在客户端使用我试图通过使用Browserify将我的main.js文件与Puppeter依赖项捆绑在一起来解决这个问题，但在使用Browserify中新创建的bundle.js运行页面时，我在浏览器控制台中遇到以下错误：用于b

我正在尝试创建一个简单的网页，它使用puppeter（一个用于抓取网页的NodeJS库）。我无法运行我的页面，因为我从index.html链接到的main.js文件通过require（）使用了puppeter，并且在加载页面时给了我一个错误，因为require（）不能在客户端使用

我试图通过使用Browserify将我的main.js文件与Puppeter依赖项捆绑在一起来解决这个问题，但在使用Browserify中新创建的bundle.js运行页面时，我在浏览器控制台中遇到以下错误：

用于browserify的命令

browserify main.js-o bundle.js

知道它为什么不起作用吗？

Browserify解决了浏览器不支持

require

的问题

它还允许您使用诸如npm和Thread之类的工具来管理JS包，因为它可以像Node.JS一样使用

require

来解析JS包

它不能解决模块的问题，比如

puppeter

，这取决于Node.js而不是浏览器提供的API。你不能在客户端运行Puppeter。

我明白了。我没想过，但这是有道理的。那我就得把它分开。谢谢

Uncaught TypeError: promisify is not a function
at Object.37.debug (bundle.js:2470)
at o (bundle.js:1)
at bundle.js:1
at Object.109.../common/Debug.js (bundle.js:14756)
at o (bundle.js:1)
at bundle.js:1
at Object.<anonymous> (bundle.js:15470)
at Object.111.../common/Browser.js (bundle.js:16004)
at o (bundle.js:1)
at bundle.js:1

<!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>Document</title> </head> <body>
<h1>My Page</h1>
<script src="bundle.js"></script> </body> </html>

const puppeteer = require('puppeteer'); 
alert('Hello');