Peerjs: Tidak dapat mengimpor Peer di aplikasi Angular

Dibuat pada 7 Feb 2019 · 13Komentar · Sumber: peers/peerjs

Masalah #479 masih ada. Saya menggunakan peerjs versi 0.3.20. Untuk mereproduksi:

buat aplikasi Angular baru ng new app
npm install --save peerjs
edit file 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 mulai
Hasilnya adalah: ERROR TypeError: peerjs__WEBPACK_IMPORTED_MODULE_2__ is not a constructor

Sumber

Pacific112

😕3

Komentar yang paling membantu

Saya sedang mengerjakannya, bagaimanapun juga, PR apa pun diterima

kidandcat pada 13 Feb 2019

👍2 ❤1

Semua 13 komentar

Dapat mengonfirmasi, mencoba peerjs pada Ionic 4 (yang saya asumsikan menjalankan Angular 6) dengan metode impor yang sama

tetriminoss pada 8 Feb 2019

Punya masalah yang sama saat menggunakan Webpack dan CreateReactApp. Tampaknya menjadi masalah baru yang diperkenalkan di 0.3.20 atau 0.3.19.

pReya pada 13 Feb 2019

Saya sedang mengerjakannya, bagaimanapun juga, PR apa pun diterima

kidandcat pada 13 Feb 2019

👍2 ❤1

Terima kasih @kidandcat ! Saya ingin membantu, tetapi saya tidak punya pengalaman dengan TypeScript. Versi 0.3.18 berfungsi dengan baik, jadi jangan khawatir.

pReya pada 13 Feb 2019

Sama di sini, menggunakan vue-cli

mindfulmike pada 14 Feb 2019

Diperbaiki di [email protected]

kidandcat pada 15 Feb 2019

❤1

@kidandcat mencoba dengan 0.3.22 dan 1.0.0 di Angular 7, masalah ini masih terlihat.

nhducseuit pada 24 Mei 2019

Bagaimana Anda mengimpornya?

kidandcat pada 24 Mei 2019

Bagaimana Anda mengimpornya?

Sedikit:
import * as Peer from 'peerjs' -> yang ini berhasil dipenuhi, namun kesalahan dilemparkan sama seperti di komentar pertama
import { Peer } from 'peerjs' dan import Peer from 'peerjs' -> keduanya menyebabkan kesalahan kompilasi

Saya hanya menginstal paket peerjs , tidak menggunakan @type/peerjs karena index.d.ts sudah tersedia dalam paket peerjs .

nhducseuit pada 25 Mei 2019

@kidandcat Saya dapat menyelesaikan masalah saya dengan mengaktifkan flag berikut di file tsconfig.json
```
{
...
"esModuleInterop": benar,
...
}

nhducseuit pada 28 Mei 2019

👍2

@nhducseuit apa konteks yang Anda gunakan?

impor * sebagai Peer dari 'peerjs'
impor { Rekan } dari 'peerjs'
impor Peer dari 'peerjs'

phongca22 pada 20 Jun 2019

Saya memiliki masalah ini dengan ionic 4.

"@sudut/umum": "^7.2.2","@sudut/inti": "^7.2.2","@angular/forms": "^7.2.2","@angular/http": "^7.2.2","@angular/platform-browser": "^7.2.2","@angular/platform-browser-dynamic": "^7.2.2","@angular/router": "^7.2.2","@ionic-native/core": "^5.0.0","@ionic-native/splash-screen": "^5.0.0","@ionic-native/status-bar": "^5.0.0","@ionic/angular": "^4.1.0","penyangga": "^5.2.1","inti-js": "^2.5.4","peerjs": "^1.0.2",

Apa yang saya bisa lakukan?

lvargass pada 23 Jul 2019

@kidandcat Saya dapat menyelesaikan masalah saya dengan mengaktifkan flag berikut di file tsconfig.json
{
...
    "esModuleInterop": true,
...
}

Apakah ini berdampak pada hal lain?
Mungkinkah itu merusak hal-hal lain.
Dokumentasi pada TypeScript mengatakan sesuatu yang tidak benar-benar dimengerti.
Apa yang sebenarnya dilakukan opsi esModuleInterop ini .Karena kami tidak ingin merusak hal lain.
https://www.typescriptlang.org/docs/handbook/compiler-options.html