Peerjs: No se puede importar Peer en la aplicación Angular

Creado en 7 feb. 2019 · 13Comentarios · Fuente: peers/peerjs

El problema # 479 todavía está presente. Estoy usando la versión 0.3.20 de peerjs. Reproducir:

crear una nueva aplicación Angular ng new app
npm install --save peerjs
editar archivo 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', {})

  }
}

inicio npm
El resultado será: ERROR TypeError: peerjs__WEBPACK_IMPORTED_MODULE_2__ is not a constructor

Fuente

Pacific112

😕3

Comentario más útil

Estoy trabajando en eso, de todos modos cualquier PR es bienvenido

kidandcat en 13 feb. 2019

👍2 ❤1

Todos 13 comentarios

Puedo confirmar, probé peerjs en Ionic 4 (que supongo que ejecuta Angular 6) con el mismo método de importación

tetriminoss en 8 feb. 2019

Tiene el mismo problema al usar Webpack y CreateReactApp. Parece ser un nuevo problema introducido en 0.3.20 o 0.3.19.

pReya en 13 feb. 2019

Estoy trabajando en eso, de todos modos cualquier PR es bienvenido

kidandcat en 13 feb. 2019

👍2 ❤1

¡Gracias @kidandcat ! Me encantaría ayudar, pero no tengo experiencia con TypeScript. La versión 0.3.18 funciona bien, así que no se preocupe.

pReya en 13 feb. 2019

Lo mismo aquí, usando vue-cli

mindfulmike en 14 feb. 2019

Corregido en [email protected]

kidandcat en 15 feb. 2019

❤1

@kidandcat probó con 0.3.22 y 1.0.0 en Angular 7, este problema todavía se ve.

nhducseuit en 24 may. 2019

¿Cómo lo estás importando?

kidandcat en 24 may. 2019

¿Cómo lo estás importando?

Pocos:
import * as Peer from 'peerjs' -> este se cumplió con éxito, sin embargo, se arrojó el mismo error que en el primer comentario
import { Peer } from 'peerjs' y import Peer from 'peerjs' -> estos dos causaron un error de compilación

Solo instalo el paquete peerjs , no uso @type/peerjs ya que index.d.ts ya está disponible en el paquete peerjs .

nhducseuit en 25 may. 2019

@kidandcat Pude resolver mi problema habilitando la siguiente bandera en el archivo tsconfig.json
''
{
...
"esModuleInterop": verdadero,
...
}

nhducseuit en 28 may. 2019

👍2

@nhducseuit ¿cuál es el contexto que

importar * como par de 'peerjs'
importar {Peer} de 'peerjs'
importar Peer desde 'peerjs'

phongca22 en 20 jun. 2019

Tengo este problema con ionic 4.

"@ angular / común": "^ 7.2.2","@ angular / core": "^ 7.2.2","@ angular / formas": "^ 7.2.2","@ angular / http": "^ 7.2.2","@ angular / platform-browser": "^ 7.2.2","@ angular / platform-browser-dynamic": "^ 7.2.2","@ angular / enrutador": "^ 7.2.2","@ ionic-native / core": "^ 5.0.0","@ ionic-native / splash-screen": "^ 5.0.0","@ ionic-native / status-bar": "^ 5.0.0","@ iónico / angular": "^ 4.1.0","búfer": "^ 5.2.1","core-js": "^ 2.5.4","peerjs": "^ 1.0.2",

¿Que puedo hacer?

lvargass en 23 jul. 2019

@kidandcat Pude resolver mi problema habilitando la siguiente bandera en el archivo tsconfig.json
{
...
    "esModuleInterop": true,
...
}

¿Tiene esto algún impacto en algo más?
¿Podría romper otras cosas?
La documentación mecanografiada dice algo que realmente no es comprensible.
¿Qué hace realmente esta opción esModuleInterop? Porque no queremos romper otras cosas.
https://www.typescriptlang.org/docs/handbook/compiler-options.html