Peerjs: npm 쒅속성과 같은 repo μ‚¬μš© 지원(예: μž‘μ—…μ„ dist/peer.js둜 컴파일)

에 λ§Œλ“  2019λ…„ 01μ›” 24일  Β·  6μ½”λ©˜νŠΈ  Β·  좜처: peers/peerjs

Typescript둜 μ΄λ™ν•˜κΈ° μ „κΉŒμ§€ peerjs repoλŠ” λ‹€λ₯Έ NPM 쒅속성과 λ§ˆμ°¬κ°€μ§€λ‘œ μ‚¬μš©ν•  수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. "peerjs": "git+ https://github.com/peers/peerjs.git "둜 쒅속성을 μΆ”κ°€ν•˜κΈ°λ§Œ ν•˜λ©΄ /node_modules/peerjs/dist/peer.js둜 μ»΄νŒŒμΌλ©λ‹ˆλ‹€.

λ”°λΌμ„œ 쒅속성을 μ‚¬μš©ν•˜λŠ” λ…Έλ“œ μ‘μš© ν”„λ‘œκ·Έλž¨μ€ μ‰½κ²Œ μ‘μš© ν”„λ‘œκ·Έλž¨μœΌλ‘œ 가져와 ν”Όμ–΄λ₯Ό μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

κ·ΈλŸ¬λ‚˜ TS둜 μ΄λ™ν•˜λ©΄ μ΄λŸ¬ν•œ μ‹œλ‚˜λ¦¬μ˜€μ—μ„œ 였λ₯˜μ™€ ν•¨κ»˜ μ‚¬μš©μ„ μ€‘λ‹¨ν•˜λŠ” λΆˆν•„μš”ν•œ postinstall μž‘μ—…μ΄ μžˆμŠ΅λ‹ˆλ‹€. λ‚΄ 말은). λ˜ν•œ ν˜„μž¬ peerjs μ €μž₯μ†Œλ₯Ό λΆ„κΈ°ν•˜κ³  postinstall μ œκ±°ν•˜λ”λΌλ„ "dist/peer.js" νŒŒμΌμ„ μƒμ„±ν•˜λŠ” μ„€μΉ˜ λ˜λŠ” λΉŒλ“œ μž‘μ—…μ΄ μ—†μŠ΅λ‹ˆλ‹€.

κ·Έλž˜μ„œ 제 μ œμ•ˆμ€ μ΄λŸ¬ν•œ λΉŒλ“œ μž‘μ—…μ„ μΆ”κ°€ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€.
질문 - ν˜„μž¬ repo κ΅¬μ„±μ—μ„œ μ–΄λ–»κ²Œ peerjs 라이브러리λ₯Ό dist/peer.js에 λΉŒλ“œν•©λ‹ˆκΉŒ?
감사 ν•΄μš”.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

@kidandcat
λ‹«νžŒ 문제λ₯Ό λ‹€μ‹œ μ—΄μ–΄μ„œ μ£„μ†‘ν•˜μ§€λ§Œ μ—¬μ „νžˆ PeerJSλ₯Ό λͺ¨λ“ˆλ‘œ μ‚¬μš©ν•  수 μ—†μŠ΅λ‹ˆλ‹€... μž¬ν˜„ν•˜λ €λ©΄:

  • μƒˆλ‘œμš΄ λ°˜μ‘ μ•± 생성 yarn create react-app my-app
  • peerjs 쒅속성 μΆ”κ°€ 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 λŒ“κΈ€

@카발레둜그

Selenium은 μ„€μΉ˜ ν›„ μ œκ±°λ˜μ—ˆμŠ΅λ‹ˆλ‹€. 그런트 μž‘μ—…μ€ 잘 μž‘λ™ν•΄μ•Ό ν•©λ‹ˆλ‹€. μ΅œμ‹  λ²„μ „μœΌλ‘œ μ‹œλ„ν•΄ μ£Όμ‹œκ² μŠ΅λ‹ˆκΉŒ? 0.3.19

λ˜ν•œ κ·€ν•˜μ˜ μ§ˆλ¬Έμ— λŒ€λ‹΅ν•˜κΈ° μœ„ν•΄ λΉŒλ“œλŠ” μ—¬μ „νžˆ grunt둜 μ™„λ£Œλ˜λ©° gruntfile.js에 μžˆμŠ΅λ‹ˆλ‹€. μ£Όμš” μž‘μ—…μ€ ts(typescript)μž…λ‹ˆλ‹€. κ·Έ ν›„ λͺ‡ 가지 μΆ•μ†Œ μž‘μ—…μ΄ μžˆμŠ΅λ‹ˆλ‹€.

λΉŒλ“œν•˜λ €λ©΄ gruntλ₯Ό μ‚¬μš©ν•˜λ©΄ λ©λ‹ˆλ‹€. κ°€μž₯ 쒋은 방법은 npx grunt μž…λ‹ˆλ‹€.

@kidandcat
λ‹«νžŒ 문제λ₯Ό λ‹€μ‹œ μ—΄μ–΄μ„œ μ£„μ†‘ν•˜μ§€λ§Œ μ—¬μ „νžˆ PeerJSλ₯Ό λͺ¨λ“ˆλ‘œ μ‚¬μš©ν•  수 μ—†μŠ΅λ‹ˆλ‹€... μž¬ν˜„ν•˜λ €λ©΄:

  • μƒˆλ‘œμš΄ λ°˜μ‘ μ•± 생성 yarn create react-app my-app
  • peerjs 쒅속성 μΆ”κ°€ 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κ°€ λ§ν–ˆλ“―μ΄ -> λ¬Έμ œκ°€ μ—¬μ „νžˆ μ‘΄μž¬ν•©λ‹ˆλ‹€. μž¬ν˜„ν•˜λ €λ©΄:

  • μƒˆ Angular μ•± λ§Œλ“€κΈ° 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', {})

  }
}
  • npm μ‹œμž‘
    κ²°κ³Ό: ERROR TypeError: peerjs__WEBPACK_IMPORTED_MODULE_2__ is not a constructor

λŠ¦μ–΄μ„œ μ£„μ†‘ν•©λ‹ˆλ‹€. [email protected] μ—μ„œ 문제λ₯Ό ν•΄κ²°ν•΄μ•Ό ν•©λ‹ˆλ‹€.

이 λ¬Έμ œλŠ” 아직 ν•΄κ²°λ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. μ£„μ†‘ν•©λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰