Peerjs: कोणीय 8 ऐप में Peer 1.0.1 आयात करने में असमर्थ

को निर्मित 10 जुल॰ 2019 · 9टिप्पणियाँ · स्रोत: peers/peerjs

अस्सलाम ओ अलैकुम!
मैंने कोणीय 8 के साथ सहकर्मी का उपयोग करने की कोशिश की, लेकिन असफल रहा।
मैं इसे किसी एप्लिकेशन में आयात करने में सक्षम नहीं था।

मैंने इस मुद्दे को दिखाने के लिए एक छोटा प्रोजेक्ट (https://github.com/furozen/PeerJs-example) बनाया है:

१

import * as Peer from 'peerjs';

संकलन त्रुटि:

ERROR in src/app/app.component.ts:14:16 - error TS2351: Cannot use 'new' with an expression whose type lacks a call or construct signature.

14     let peer = new Peer();
                  ~~~~~~~~~~

  src/app/app.component.ts:3:1
    3 import * as Peer from 'peerjs';
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Type originates at this import. A namespace-style import cannot be called or constructed, and will cause a failure at runtime. Consider using a default import or import require here instead.

२

import { Peer } from 'peerjs'

संकलन त्रुटि:

ERROR in src/app/app.component.ts:3:10 - error TS2305: Module '"../../node_modules/peerjs"' has no exported member 'Peer'.

3 import { Peer } from 'peerjs'
         ~~~~

३

import Peer from 'peerjs'

संकलन त्रुटि:

WARNING in ./node_modules/peerjs/dist/peerjs.min.js 1:292-296
Critical dependency: the request of a dependency is an expression

रनटाइम:

Uncaught ReferenceError: parcelRequire is not defined
    at push../node_modules/peerjs/dist/peerjs.min.js.parcelRequire.vHo1 (peerjs.min.js:1)
    at Object../node_modules/peerjs/dist/peerjs.min.js (peerjs.min.js:1)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.component.ts (main.js:112)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.module.ts (app.component.ts:11)
    at __webpack_require__ (bootstrap:79)
    at Module../src/main.ts (main.ts:1)
    at __webpack_require__ (bootstrap:79)
    at Object.0 (main.ts:12)

४

import Peer = require('peerjs');

संकलन त्रुटि:


    ERROR in src/app/app.component.ts(3,1): error TS1202: Import assignment cannot be used when targeting ECMAScript modules. Consider using 'import * as ns from "mod"', 'import {a} from "mod"', 'import d from "mod"', or another module format instead

रनटाइम:

AppComponent_Host.ngfactory.js? [sm]:1 ERROR ReferenceError: Peer is not defined
    at new AppComponent (app.component.ts:15)
    at createClass (core.js:27863)
    at createDirectiveInstance (core.js:27685)
    at createViewNodes (core.js:38315)
    at createRootView (core.js:38187)
    at callWithDebugContext (core.js:39716)
    at Object.debugCreateRootView [as createRootView] (core.js:38953)
    at ComponentFactory_.create (core.js:26827)
    at ComponentFactoryBoundToModule.create (core.js:22791)
    at ApplicationRef.bootstrap (core.js:35343)

bug

स्रोत

furozen

सबसे उपयोगी टिप्पणी

माफ़ करना! यह index.html में पैच था जिसे मैंने जोड़ा और हटाना भूल गया:

  <script>
    window.global  = window;
    var parcelRequire;
  </script>

इस पैच के बिना मुझे मिला:

Uncaught ReferenceError: parcelRequire is not defined
    at push../node_modules/peerjs/dist/peerjs.min.js.parcelRequire.vHo1 (peerjs.min.js:1)
    at Object../node_modules/peerjs/dist/peerjs.min.js (peerjs.min.js:1)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.component.ts (main.js:112)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.module.ts (app.component.ts:12)
    at __webpack_require__ (bootstrap:79)
    at Module../src/main.ts (main.ts:1)
    at __webpack_require__ (bootstrap:79)
    at Object.0 (main.ts:12)

क्रम में।

इसलिए आप वहां त्रुटि की जांच कर सकते हैं: https://github.com/furozen/PeerJs-example

furozen 12 जुल॰ 2019

👍8 ❤2 🎉1

सभी 9 टिप्पणियाँ

मॉड्यूल को "कॉमनज" में बदलना संकलन त्रुटि को दूर करने में मदद करता है लेकिन रनटाइम त्रुटि को ठीक नहीं करता है: फिर भी # 3 मामला।

द

ReferenceError: parcelRequire is not defined

इस मुद्दे के साथ जोड़ा जा सकता है: https://github.com/parcel-bundler/parcel/issues/1401

furozen 10 जुल॰ 2019

👍1

सही तरीका import Peer from "peerjs" , जो आपको मिल रहा है वह वेबपैक चेतावनी है:

में प्रवेश कर रहा है ।/node_modules/peerjs/dist/peerjs.min.js 1: 292-296
महत्वपूर्ण निर्भरता: एक निर्भरता का अनुरोध एक अभिव्यक्ति है

यह पुस्तकालय और न ही संकलन प्रक्रिया को प्रभावित नहीं करना चाहिए।

https://github.com/parcel-bundler/parcel/issues/2883

kidandcat 11 जुल॰ 2019

सही तरीका import Peer from "peerjs" , जो आपको मिल रहा है वह वेबपैक चेतावनी है:
में प्रवेश कर रहा है ।/node_modules/peerjs/dist/peerjs.min.js 1: 292-296
महत्वपूर्ण निर्भरता: एक निर्भरता का अनुरोध एक अभिव्यक्ति है
यह पुस्तकालय और न ही संकलन प्रक्रिया को प्रभावित नहीं करना चाहिए।
parcel-bundler / पार्सल # 2883

हां, यह काम कर रहा है धन्यवाद।
समाप्त करने के लिए:
आपके पास "esModuleInterop" होना चाहिए: tsconfig.json में सही
और आयात शुल्क के रूप में: "पीयरज" से पीयर आयात करें

furozen 11 जुल॰ 2019

माफ़ करना! यह index.html में पैच था जिसे मैंने जोड़ा और हटाना भूल गया:

  <script>
    window.global  = window;
    var parcelRequire;
  </script>

इस पैच के बिना मुझे मिला:

Uncaught ReferenceError: parcelRequire is not defined
    at push../node_modules/peerjs/dist/peerjs.min.js.parcelRequire.vHo1 (peerjs.min.js:1)
    at Object../node_modules/peerjs/dist/peerjs.min.js (peerjs.min.js:1)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.component.ts (main.js:112)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.module.ts (app.component.ts:12)
    at __webpack_require__ (bootstrap:79)
    at Module../src/main.ts (main.ts:1)
    at __webpack_require__ (bootstrap:79)
    at Object.0 (main.ts:12)

क्रम में।

इसलिए आप वहां त्रुटि की जांच कर सकते हैं: https://github.com/furozen/PeerJs-example

furozen 12 जुल॰ 2019

👍8 ❤2 🎉1

मुझे लगता है कि यह एक बग नहीं है, यह मेरे कोणीय 8 परियोजना में काम करता है।
आपको प्रोजेक्ट करने के लिए index.d.ts फ़ाइल को जोड़ना चाहिए। आप इस फ़ाइल को रूट डायरेक्टरी में पा सकते हैं।
आयात साथियों की जरूरत नहीं है! केवल सहकर्मी वर्ग का उपयोग करने के लिए, क्योंकि यह index.d.ts फ़ाइल में घोषित किया गया है।

linewei 22 नव॰ 2019

तो मैंने peerjs (v1.1.0) को एक कोणीय ऐप में जोड़ा है। प्रारंभ में, मेरे पास कोई समस्या या त्रुटि नहीं थी। 2-3 चरणों के माध्यम से नेविगेट करने तक Peerjs का वास्तव में उपयोग नहीं किया गया था और यह सिर्फ काम करता था। मैंने ऐप में एक और हिस्सा जोड़ा, जिसने लैंडिंग पर साथियों को निकाल दिया और जब मैंने parcelRequire त्रुटि देखना शुरू किया। मैंने https://github.com/peers/peerjs/issues/552#issuecomment -510976519 से parcelRequire initialization को जोड़ा और यह अभी काम करने लगता है। मुझे लगता है कि कहीं न कहीं एक दौड़ की स्थिति है, लेकिन मैंने इसे आगे खोदने के लिए समय नहीं बिताया है।

jloosli 22 नव॰ 2019

Angular 9. पर समान समस्या। मैंने बिना किसी सफलता के tsconfig.json को esModuleInterop: true और allowSyntheticDefaultImports: true दोनों जोड़ा। कोई ख़बर?

adriano-di-giovanni 22 अप्रैल 2020

यह मेरे लिए @furozen पोस्ट के अनुसार index.html में अस्थायी सुधार के रूप में काम करता है।

<script>
    var parcelRequire;
  </script>

vincent-seibus 2 जून 2020

👍4

यह 2021 में एक समस्या है जब पियरज को एक लिट-एलिमेंट प्रोजेक्ट में आयात किया जाता है।
समस्या इस तथ्य से उपजी प्रतीत होती है कि सहकर्मी का निर्मित उत्पादन निम्न से शुरू होता है:

parcelRequire=

इसके बजाय, आप जानते हैं, चर घोषित करना

var parcelRequire=

नतीजतन, चीजें सिर्फ मेरे लिट-एलिमेंट प्रोजेक्ट में ही टूटती हैं, जबकि ब्राउजर खुशी-खुशी इस वैरिएबल को ग्लोबल स्कोप में ले जाता है और चीजों के साथ आगे बढ़ता है।

jmonster 31 जन॰ 2021

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Peerjs: कोणीय 8 ऐप में Peer 1.0.1 आयात करने में असमर्थ

१

२

३

४

सबसे उपयोगी टिप्पणी

सभी 9 टिप्पणियाँ

संबंधित मुद्दों