Peerjs: рдПрдирдкреАрдПрдо рдирд┐рд░реНрднрд░рддрд╛ рдХреА рддрд░рд╣ рд░реЗрдкреЛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рд╕рд╣рд╛рдпрддрд╛ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдбрд┐рд╕реНрдЯ/рдкреАрдпрд░.рдЬреЗрдПрд╕ рдХреЗ рд▓рд┐рдП рдХрд╛рд░реНрдп рд╕рдВрдХрд▓рд┐рдд рдХрд░реЗрдВ)

рдХреЛ рдирд┐рд░реНрдорд┐рдд 24 рдЬрдире░ 2019  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: peers/peerjs

рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдЬрд╛рдиреЗ рддрдХ, рдкреАрдпрд░рдЬ рд░реЗрдкреЛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рд╕реА рдЕрдиреНрдп рдПрдирдкреАрдПрдо рдирд┐рд░реНрднрд░рддрд╛ рдХреА рддрд░рд╣ рд╣реА рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рдерд╛ред рдмрд╕ рдирд┐рд░реНрднрд░рддрд╛ рдХреЛ "peerjs" рдХреЗ рд░реВрдк рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ: "git+ https://github.com/peers/peerjs.git " рдФрд░ рдпрд╣ /node_modules/peerjs/dist/peer.js рдореЗрдВ рд╕рдВрдХрд▓рд┐рдд рд╣реЛ рдЬрд╛рдПрдЧрд╛ред

рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдПрдХ рдиреЛрдб рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдЬреЛ рдирд┐рд░реНрднрд░рддрд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ, рд╡рд╣ рдЖрд╕рд╛рдиреА рд╕реЗ рдЗрд╕реЗ рдПрдХ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рд╕рд╣рдХрд░реНрдореА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реИред

рд╣рд╛рд▓рд╛рдВрдХрд┐, рдЯреАрдПрд╕ рдореЗрдВ рдЬрд╛рдиреЗ рдХреЗ рд╕рд╛рде, рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдПрдХ рдЧреИрд░-рдЖрд╡рд╢реНрдпрдХ postinstall рдХрд╛рд░реНрдп рд╣реИрдВ рдЬреЛ рдЗрд╕ рддрд░рд╣ рдХреЗ рдкрд░рд┐рджреГрд╢реНрдп рдореЗрдВ рддреНрд░реБрдЯрд┐ рдХреЗ рд╕рд╛рде рдЙрдкрдпреЛрдЧ рдХреЛ рддреЛрдбрд╝рддреЗ рд╣реИрдВ (рдмрд╕ рд╡рд░реНрддрдорд╛рди рд░реЗрдкреЛ рдХреЛ рдЧрд┐рдЯ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдирд┐рд░реНрднрд░рддрд╛ рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ рдФрд░ рдЖрдкрдХреЛ рдкрддрд╛ рдЪрд▓ рдЬрд╛рдПрдЧрд╛ рдХрд┐ рдХреНрдпрд╛ рдореЗрд░рд╛ рдорддрд▓рдм рд╣реИ)ред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдпрд╣рд╛рдВ рддрдХ тАЛтАЛтАЛтАЛрдХрд┐ рд╣рдо рд╡рд░реНрддрдорд╛рди рдкреАрдпрд░рдЬ рд░реЗрдкреЛ рдХреЛ рдлреЛрд░реНрдХ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ postinstall рд╣рдЯрд╛рддреЗ рд╣реИрдВ, рдлрд┐рд░ рднреА рдЗрд╕рдореЗрдВ рдХреЛрдИ рдЗрдВрд╕реНрдЯреЙрд▓ рдпрд╛ рдмрд┐рд▓реНрдб рдХрд╛рд░реНрдп рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдЬрд┐рд╕рдХреЗ рдкрд░рд┐рдгрд╛рдорд╕реНрд╡рд░реВрдк "dist/peer.js" рдлрд╝рд╛рдЗрд▓ рдХрд╛ рдирд┐рд░реНрдорд╛рдг рд╣реЛрдЧрд╛ред

рддреЛ рдореЗрд░рд╛ рд╕реБрдЭрд╛рд╡ рд╣реИ рдХрд┐ рдЙрди рдирд┐рд░реНрдорд╛рдг рдХрд╛рд░реНрдпреЛрдВ рдХреЛ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдПред
рдПрдХ рдкреНрд░рд╢реНрди - рдЕрдм рд╡рд░реНрддрдорд╛рди рд░реЗрдкреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдХреЗ рд╕рд╛рде, рдореИрдВ рдкреАрдпрд░рдЬ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЛ dist/peer.js рдореЗрдВ рдХреИрд╕реЗ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдВ?
рдзрдиреНрдпрд╡рд╛рджред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

@kidandcat
рдПрдХ рдмрдВрдж рдореБрджреНрджреЗ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдпрд╛рдЪрдирд╛, рд▓реЗрдХрд┐рди рдореИрдВ рдЕрднреА рднреА рдПрдХ рдореЙрдбреНрдпреВрд▓ рдХреЗ рд░реВрдк рдореЗрдВ PeerJS рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛... рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП:

  • рдПрдХ рдирдпрд╛ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдРрдк рдмрдирд╛рдПрдВ yarn create react-app my-app
  • рдкреАрдпрд░рдЬ рдирд┐рд░реНрднрд░рддрд╛ рдЬреЛрдбрд╝реЗрдВ yarn add peerjs
  • src/App.js рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ рдФрд░ рдЬреЛрдбрд╝реЗрдВ:
import Peer from "peerjs";
// ...
class App extends Component {
  componentDidMount() {
    const peer = new Peer('peer-id', {});
  }
  // ...
}
  • рдРрдк рдЪрд▓рд╛рдПрдВ yarn start

рдпрджрд┐ рдЖрдк http://localhost рдкрд░ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░рддреЗ рд╣реИрдВ: 3000 рдЖрдкрдХреЛ рдорд┐рд▓реЗрдЧрд╛:
TypeError: peerjs__WEBPACK_IMPORTED_MODULE_9___default.a is not a constructor

рд╕рднреА 6 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

@ рдХреИрдмреЗрд▓рд░реЛрдЧ

рд╕реЗрд▓реЗрдирд┐рдпрдо рдХреЛ рдкреЛрд╕реНрдЯрдЗрдВрд╕реНрдЯреЙрд▓ рд╕реЗ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред рдЧреНрд░рдВрдЯ рдХрд╛рд░реНрдп рдареАрдХ рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред рдХреНрдпрд╛ рдЖрдк рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? 0.3.19

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдЖрдкрдХреЗ рдкреНрд░рд╢реНрди рдХрд╛ рдЙрддреНрддрд░ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП, рдирд┐рд░реНрдорд╛рдг рдЕрднреА рднреА рдШреБрд░рдШреБрд░рд╛рдирд╛ рдХреЗ рд╕рд╛рде рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдпрд╣ рдЧреНрд░рдВрдЯрдлрд╛рдЗрд▓.рдЬреЗрдПрд╕ рдореЗрдВ рд╣реИред рдореБрдЦреНрдп рдХрд╛рд░реНрдп ts (рдЯрд╛рдЗрдкрдкреНрд░рддрд┐) рд╣реИред рдЙрд╕рдХреЗ рдмрд╛рдж рдХреБрдЫ рдЫреЛрдЯрд╛ рдХрд░рдиреЗ рдХреЗ рдХрд╛рд░реНрдп рд╣реИрдВред

рдирд┐рд░реНрдорд╛рдг рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ рдХреЗрд╡рд▓ рдЧреНрд░рдВрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рд╣реИ npx grunt ред

@kidandcat
рдПрдХ рдмрдВрдж рдореБрджреНрджреЗ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдпрд╛рдЪрдирд╛, рд▓реЗрдХрд┐рди рдореИрдВ рдЕрднреА рднреА рдПрдХ рдореЙрдбреНрдпреВрд▓ рдХреЗ рд░реВрдк рдореЗрдВ PeerJS рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛... рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП:

  • рдПрдХ рдирдпрд╛ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдРрдк рдмрдирд╛рдПрдВ yarn create react-app my-app
  • рдкреАрдпрд░рдЬ рдирд┐рд░реНрднрд░рддрд╛ рдЬреЛрдбрд╝реЗрдВ yarn add peerjs
  • src/App.js рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ рдФрд░ рдЬреЛрдбрд╝реЗрдВ:
import Peer from "peerjs";
// ...
class App extends Component {
  componentDidMount() {
    const peer = new Peer('peer-id', {});
  }
  // ...
}
  • рдРрдк рдЪрд▓рд╛рдПрдВ yarn start

рдпрджрд┐ рдЖрдк http://localhost рдкрд░ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░рддреЗ рд╣реИрдВ: 3000 рдЖрдкрдХреЛ рдорд┐рд▓реЗрдЧрд╛:
TypeError: peerjs__WEBPACK_IMPORTED_MODULE_9___default.a is not a constructor

рдЬреИрд╕рд╛ рдХрд┐ @xavierfuentes рдиреЗ рдХрд╣рд╛ -> рдореБрджреНрджрд╛ рдЕрднреА рднреА рдореМрдЬреВрдж рд╣реИред рдкреНрд░рдЬрдирди рдХрд░рдирд╛:

  • рдирдпрд╛ рдХреЛрдгреАрдп рдРрдк рдмрдирд╛рдПрдВ ng new app
  • npm install --save peerjs
  • app.component.ts рдлрд╝рд╛рдЗрд▓ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ:
import * as Peer from 'peerjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'app';

  ngOnInit(): void {
    new Peer('123', {})

  }
}
  • рдПрдирдкреАрдПрдо рдкреНрд░рд╛рд░рдВрдн
    рдкрд░рд┐рдгрд╛рдо рд╣реЛрдЧрд╛: ERROR TypeError: peerjs__WEBPACK_IMPORTED_MODULE_2__ is not a constructor

рджреЗрд░реА рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИ, рдкреАрд░рдЬрд╕@0.3.22 рдХреЛ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП

рдпрд╣ рдореБрджреНрджрд╛ рдЕрднреА рднреА рдЕрдирд╕реБрд▓рдЭрд╛ рд╣реИ, рдХреНрд╖рдорд╛ рдХрд░реЗрдВред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

jameshfisher picture jameshfisher  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

nhducseuit picture nhducseuit  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

furozen picture furozen  ┬╖  9рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jameshfisher picture jameshfisher  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kahrkunne picture kahrkunne  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ