尝试在我的新Svelte应用程序中设置WebRtc连接，并且每当我尝试导入库时都会遇到此错误。
ReferenceError: buffer is not defined
示例代码:https://github.com/nickgrealy/svelte-webrtc(链接也在下面)
下面是复制的步骤:安装库，然后在*.svelte组件上导入它。
。peerjs
npm i peerjs
import Peer from "peerjs";
也适用于此库- simple-peer
npm i simple-peer
import Peer from "simple-peer";
都给出以下错误:
Uncaught ReferenceError: buffer is not defined
at main.ts:14
不知道下一步该做什么…编写普通的Javascript?尝试其他库?
我不知道如何配置rollup…(希望是你们中有人遇到过的简单的东西!)
注意:不确定是否相关，我将Svelte项目转换为Typescript(使用内置脚本)。
**添加了复制**
的代码https://github.com/nickgrealy/svelte-webrtc/blob/main/src/main.ts L2
yarn dev控制台日志
yarn run v1.22.10
$ rollup -c -w
rollup v2.56.3
bundles src/main.ts → public/build/bundle.js...
(!) Missing shims for Node.js built-ins
Creating a browser bundle that depends on "buffer" and "events". You might need to include https://github.com/snowpackjs/rollup-plugin-polyfill-node
LiveReload enabled
(!) Plugin node-resolve: preferring built-in module 'buffer' over local alternative at '/Users/userx/svelte-webrtc/node_modules/buffer/index.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
(!) Circular dependencies
node_modules/readable-stream/lib/_stream_readable.js -> node_modules/readable-stream/lib/_stream_duplex.js -> node_modules/readable-stream/lib/_stream_readable.js
node_modules/readable-stream/lib/_stream_duplex.js -> node_modules/readable-stream/lib/_stream_writable.js -> node_modules/readable-stream/lib/_stream_duplex.js
node_modules/readable-stream/lib/_stream_duplex.js -> node_modules/readable-stream/lib/_stream_writable.js -> /Users/userx/svelte-webrtc/node_modules/readable-stream/lib/_stream_duplex.js?commonjs-proxy -> node_modules/readable-stream/lib/_stream_duplex.js
node_modules/readable-stream/lib/_stream_readable.js -> node_modules/readable-stream/lib/_stream_duplex.js -> /Users/userx/svelte-webrtc/node_modules/readable-stream/lib/_stream_readable.js?commonjs-proxy -> node_modules/readable-stream/lib/_stream_readable.js
(!) Missing global variable names
Use output.globals to specify browser global variable names corresponding to external modules
buffer (guessing 'buffer')
events (guessing 'require$$0$1')
created public/build/bundle.js in 2.9s
[2021-09-05 00:31:10] waiting for changes...
> svelte-app@1.0.0 start
> sirv public --no-clear "--dev"
Your application is ready~! 🚀
- Local: http://localhost:5000
- Network: Add `--host` to expose
────────────────── LOGS ──────────────────
[00:31:18] 200 ─ 5.50ms ─ /
[00:31:18] 200 ─ 0.60ms ─ /global.css
[00:31:18] 200 ─ 0.71ms ─ /build/bundle.css
[00:31:18] 200 ─ 1.35ms ─ /build/bundle.js
[00:31:22] 200 ─ 0.76ms ─ /global.css
[00:31:22] 200 ─ 1.83ms ─ /build/bundle.css
[00:31:22] 200 ─ 3.96ms ─ /build/bundle.js.map
**更新**
添加了node插件，现在得到这个错误…
Uncaught ReferenceError: require$$1$1 is not defined
…使用这些日志
yarn run v1.22.4
$ rollup -c -w
rollup v2.56.3
bundles src/main.ts → public/build/bundle.js...
(!) Missing shims for Node.js built-ins
Creating a browser bundle that depends on "buffer". You might need to include https://github.com/snowpackjs/rollup-plugin-polyfill-node
LiveReload enabled
(!) Circular dependency
polyfill-node.global.js -> polyfill-node.global.js
(!) Missing global variable name
Use output.globals to specify browser global variable names corresponding to external modules
buffer (guessing 'require$$1$1')
created public/build/bundle.js in 2.6s
[2021-09-05 00:57:04] waiting for changes...
npm WARN lifecycle The node binary used for scripts is /var/folders/05/qnr367194ss7ktgg_c2r57440000gp/T/yarn--1630767421122-0.4620373266212361/node but npm is using /Users/userx/.nvm/versions/node/v14.17.3/bin/node itself. Use the `--scripts-prepend-node-path` option to include the path for the node binary npm was executed with.
> svelte-app@1.0.0 start /Users/userx/svelte-webrtc
> sirv public --no-clear "--dev"
Your application is ready~! 🚀
当使用peerjs时，不需要browserify，并将rollup.config.js的输出format更改为cjs。
如果你想保持iife，那么你需要在rollup.config.js的输出属性strict: false下禁用strict模式，因为库有一些问题。