Signature_pad: टाइपस्क्रिप्ट में आयात नहीं कर सकता

को निर्मित 5 फ़र॰ 2018 · 20टिप्पणियाँ · स्रोत: szimek/signature_pad

विवरण के अनुसार, मुझे इस मॉड्यूल को टाइपस्क्रिप्ट में निम्नानुसार आयात करने में सक्षम होना चाहिए:
import * as SignaturePad from 'signature_pad';

टाइपस्क्रिप्ट इसे मान्य मानने से इंकार करता है क्योंकि कोई निर्यात किया गया मॉड्यूल नहीं है। कृपया टाइपस्क्रिप्ट संगतता के लिए एक मॉड्यूल निर्यात करें।

इसके बारे में यहां एक स्टैक ओवरफ़्लो विषय है ।

more info

स्रोत

jamie-thul

👍2

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

मैंने अभी एक बीटा संस्करण जारी किया है जिसे टाइपस्क्रिप्ट में फिर से लिखा गया है। घोषणा फाइलें अब पुस्तकालय द्वारा प्रदान की जाती हैं। आप इसे yarn add signature_pad@beta का उपयोग करके इंस्टॉल कर सकते हैं। स्रोत कोड अभी भी केवल typescript शाखा पर उपलब्ध है ।

यह अभी भी डिफ़ॉल्ट निर्यात का उपयोग करता है, लेकिन मैंने इसे वेबपैक 4 और टाइपस्क्रिप्ट 2.7.2 के साथ परीक्षण किया और यह काम करता है यदि मैं इसे import SignaturePad from 'signature_pad' का उपयोग करके आयात करता हूं।

कुछ प्रतिक्रिया प्राप्त करना बहुत अच्छा होगा, अगर यह काम करता है, अगर कोई समस्या है आदि।

szimek 13 मार्च 2018

👍7

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

यदि यह काम नहीं करता है, तो आप सीधे signature_pad/dist/signature_pad.mjs से आयात करने का प्रयास कर सकते हैं।

अगला संस्करण सबसे अधिक संभावना टाइपस्क्रिप्ट में फिर से लिखा जाएगा -

szimek 5 फ़र॰ 2018

👍3

@szimek पुष्टि कर सकता है कि यह अभी भी एक .tsx फ़ाइल के अंदर काम नहीं करता है।

import * as SignaturePad from 'signature_pad'; देता है सिग्नेचरपैड कंस्ट्रक्टर नहीं है

import * as SignaturePad from 'signature_pad/dist/signature_pad.mjs'; देता है सिग्नेचरपैड कंस्ट्रक्टर नहीं है

const SignaturePad = require('signature_pad'); देता है सिग्नेचरपैड कंस्ट्रक्टर नहीं है

import SignaturePad from 'signature_pad'; काम करता है, लेकिन कंसोल में टाइपस्क्रिप्ट त्रुटि देता है : ...node_modules/@types/signature_pad/index.d.ts' एक मॉड्यूल नहीं है।

strongui 6 फ़र॰ 2018

👍1

इस मामले में SignaturePad चर में वास्तव में क्या है? signature_pad/dist/signature_pad.mjs में कोड को केवल डिफ़ॉल्ट निर्यात के साथ ES6 स्रोत कोड के साथ बंडल किया जाता है। इसे तब तक काम करना चाहिए, जब तक कि TS डिफ़ॉल्ट निर्यात को संभाल नहीं लेता।

szimek 6 फ़र॰ 2018

@szimek TS डिफ़ॉल्ट निर्यात को ठीक से संभालता है, समस्या @types/signature_pad index.d.ts परिभाषाओं में है।

strongui 6 फ़र॰ 2018

लेकिन यह पुस्तकालय टाइपस्क्रिप्ट घोषणा फाइल प्रदान नहीं करता है।

szimek 6 फ़र॰ 2018

@szimek यह नहीं है? फिर जब आप install @types/signature_pad --save-dev करते हैं तो क्या स्थापित होता है, निश्चित रूप से टीएस घोषणा फाइलें होती हैं। क्या वे वही लोग नहीं बने हैं ??

strongui 6 फ़र॰ 2018

मुझे नहीं पता;) आप यहां प्रकाशित होने वाली सभी फाइलों को देख सकते हैं: https://www.jsdelivr.com/package/npm/signature_pad।

szimek 6 फ़र॰ 2018

@szimek मैंने @ चरित्र की वजह से पूरी इंस्टॉल लाइन नहीं दिखाने से पहले अपनी टिप्पणी पर ध्यान दिया। मैंने इसे संपादित किया है। मूल रूप से यदि आप install @types/signature_pad --save-dev , तो आप @types/signature_pad फ़ोल्डर में स्थापित परिभाषाएँ देखेंगे। मुझे आश्चर्य है कि कौन कर रहा है? हो सकता है कि हमें उनसे संपर्क करने और इसे ठीक करने और इसे डिफ़ॉल्ट पैकेज में मर्ज करने की आवश्यकता हो

strongui 6 फ़र॰ 2018

ऐसा लगता है कि आप निश्चित रूप से

अगर मैं घोषणा को सही ढंग से पढ़ता हूं तो यह काम कर सकता है (क्षमा करें, इसे आजमाया नहीं, मैं अभी इस मुद्दे पर ठोकर खाई):
import { SignaturePad } from 'signature_pad';

MrJoe 9 फ़र॰ 2018

👎2

@strongui मुझे आपके जैसी ही गलती मिली। मैंने टिप्पणियों में सब कुछ करने की कोशिश की,
मैंने आपकी टिप्पणियों @szimek की भी कोशिश की। बिल्कुल काम नहीं किया।
मैं अभी JS फाइल में सिग्नेचर पैड का उपयोग कर रहा हूं, लेकिन मुझे जगह को TS . में बदलना होगा
मैं नोड संस्करण v6.11.2 का उपयोग कर रहा हूं और टाइपप्रति संस्करण v2.6.2 है
npm version { npm: '3.10.10', ares: '1.10.1-DEV', node: '6.11.2', zlib: '1.2.11' }

Selman-EE 13 फ़र॰ 2018

मैंने अभी टाइपस्क्रिप्ट 2.7.2 का उपयोग करके इसे आज़माया है और यह ठीक काम करता है।

index.ts

import SignaturePad from 'signature_pad';

new SignaturePad(document.querySelector('canvas'));

index.html

<html>
  <body>  
    <canvas style="border: 2px solid #000"></canvas>
    <script src="bundle.js"></script>
  </body>
</html>

tsconfig.json

{
  "compilerOptions": {
    "outDir": ".",
    "noImplicitAny": true,
    "module": "es6",
    "target": "es3"
  }
}

webpack.config.js

module.exports = {
  entry: './index.js',  
  output: { filename: 'bundle.js' },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: 'ts-loader',
        exclude: /node_modules/
      }
    ]
  },
  resolve: {
    extensions: [ '.ts', '.js' ]
  }
};

yarn add signature_pad typescript webpack ts-loader && yarn run webpack चलाएँ। फिर index.html खोलें और इसे काम करना चाहिए।

szimek 18 फ़र॰ 2018

🎉1 👍1

@szimek धन्यवाद यह मेरे लिए काम करता है

Selman-EE 23 फ़र॰ 2018

टाइपस्क्रिप्ट 2.4.2 का उपयोग करके मेरे लिए काम करता है और इसे ऊपर टिप्पणी में @szimek की तरह आयात करता है।

tsconfig.json

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "dom",
      "es2015"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5"
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}

pablomaurer 26 फ़र॰ 2018

उन लोगों के लिए जो सिग्नेचरपैड प्राप्त कर रहे हैं, रिक्वायरज और वेबपैक (या लार्वा मिक्स) के हुड के तहत नहीं है , बस डिफ़ॉल्ट के साथ उपयोग करें, जैसे:
new SignaturePad.default(canvas, { backgroundColor: 'rgb(255, 255, 255)' });

onurkose 2 मार्च 2018

👍3

szimek 13 मार्च 2018

👍7

हम टाइपस्क्रिप्ट 2.8 ऐप में बीटा संस्करण का उपयोग कर रहे हैं और यह ठीक काम करता है।

बस मामूली मुद्दे:

टच एंड पर एक हैंडल न किया गया त्रुटि प्राप्त करना क्योंकि const touch = event.targetTouches[0] अपरिभाषित है।
यदि आप कैनवास की toDataURL पद्धति से मिलान करना चाहते हैं, तो toDataURL पद्धति में इसके तर्क वैकल्पिक के रूप में चिह्नित होने चाहिए।

StevenBarnettST 12 अप्रैल 2018

❤1

@StevenBarnettST फिक्स्ड! इन मुद्दों की रिपोर्ट करने के लिए धन्यवाद। कल मैं एक नया बीटा संस्करण जारी करूँगा।

szimek 12 अप्रैल 2018

स्वत: पूर्ण और टीएस जांच के लिए, एक चर के लिए हस्ताक्षरपैड के प्रकार/इंटरफ़ेस को बाध्य करने का सही तरीका क्या है?

Ross-Rawlins 19 फ़र॰ 2019

उन लोगों के लिए जो सिग्नेचरपैड प्राप्त कर रहे हैं, रिक्वायरज और वेबपैक (या लार्वा मिक्स) के हुड के तहत नहीं है , बस डिफ़ॉल्ट के साथ उपयोग करें, जैसे:
new SignaturePad.default(canvas, { backgroundColor: 'rgb(255, 255, 255)' });

यह मेरे लिए काम करता है। बहुत - बहुत धन्यवाद! (सिम्फनी वेबपैक एनकोर)

Flinsch 24 मार्च 2019

मैंने इसे काम पर लाने के लिए वर्कअराउंड किया:
var SignaturePad = require('signature_pad/dist/signature_pad.js');

sharabiania 30 सित॰ 2019

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

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

Signature_pad: टाइपस्क्रिप्ट में आयात नहीं कर सकता

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

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

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