Getting an import error after installing libp2p on nextjs

1

i got this error below:

Import trace for requested module:
./node_modules/@libp2p/webrtc/dist/src/private-to-private/initiate-connection.js
./node_modules/@libp2p/webrtc/dist/src/private-to-private/transport.js
./node_modules/@libp2p/webrtc/dist/src/index.js
./node_modules/helia/dist/src/utils/libp2p-defaults.js
./node_modules/helia/dist/src/index.js
./src/components/common/test.tsx
 ⨯ ./node_modules/@libp2p/webrtc/dist/src/private-to-private/initiate-connection.js
Attempted import error: 'RTCSessionDescription' is not exported from '../webrtc/index.js' (imported as 'RTCSessionDescription')

the only thing I import use the a type:

import { Libp2p } from 'libp2p';

but I got an import error. anyone that can help me please?

Screenshot 2024-06-21 160954
Screenshot 2024-06-21 1609541920×959 120 KB

2

Hello rockyessel,

Have you tried going through the js-libp2p getting started guide? That might help you get past your current issue. There’s also a guide for using js-libp2p’s WebRTC capabilities that might also help. You can also ask technical questions in the js-libp2p technical discussion forum on Github.

Cheers! :beers:
Dave