如何在瀏覽器中使用require？ js / html

Question

我搜索了整個stackoverflow來修復它，但不能。 所以...我需要在瀏覽器（index.html）中使用 NPM 模塊。

如果使用會出現錯誤“未定義要求”

<script src="./script.js"></script>

在 html 文件中，並使用const { WebcastPushConnection } = require('tiktok-livestream-chat-connector'); 在 script.js 中。

嘗試使用 browserify，當我使用輸出的 js 腳本時出現錯誤“require.resolve 不是函數”

任何人都可以幫忙嗎？

Answer 1

tiktok-livestream-chat-connector在其網站上被描述為：

Node.js 模塊可通過連接到 TikTok 的內部網絡廣播推送服務，從 TikTok LIVE 實時接收和解碼評論和禮物等直播事件。

在其文檔中沒有提到與 web 瀏覽器的兼容性。

Browserify（和類似工具）可以將 CommonJS 模塊捆綁到一個文件中，以便它們可以在不支持 CommonJS 模塊的環境（例如瀏覽器）中運行。 他們無法填充瀏覽器不支持的所有 Node.js 功能（例如建立原始套接字網絡連接的能力）。

如果一個模塊需要在 Node.js 上運行，那么你不能將它移動到瀏覽器中。

您可以為 Node.js 編寫一個程序，該程序作為 web 服務運行，並作為模塊執行的任何操作的橋梁。 瀏覽器可以通過 WebSockets 或 Ajax 請求連接到您的 web 服務。 該項目鏈接到一個示例。