Typescript: मॉड्यूल परिभाषाओं को वैश्विक चर के रूप में घोषित करने की अनुमति दें

ऐसा करना संभव नहीं है क्योंकि जिस मिनट में आप स्रोत फ़ाइल में import घोषणा करते हैं, उसे बाहरी मॉड्यूल माना जाता है। किसी भी कारण से आप रिएक्ट परिभाषा फ़ाइल का उपयोग नहीं कर रहे हैं जो एक वैश्विक उपयोग करता है?

https://github.com/borisyankov/DefinitelyTyped/blob/master/react/react-global.d.ts

मुझे लगता है कि इस तरह समस्या का समाधान होगा।

मैंने वास्तव में react-global.d.ts की कोशिश की, जो स्पष्ट रूप से React वैश्विक स्थान पर रखता है, लेकिन मैं विश्व स्तर पर इसका नाम कैसे बदलूंगा और टाइपस्क्रिप्ट को इसके बारे में बताऊंगा?

declare var _r = React;  // error Cannot find name 'React';

मेरा वास्तविक उपयोग मामला वैश्विक स्थान के लिए एक उपयोगिता / सामान्य प्रकार के मॉड्यूल को फहराने में सक्षम होगा ताकि मुझे इसे प्राप्त करने के लिए संबंधित पथ आयातों के एक समूह का उपयोग न करना पड़े। मैं इसे जावास्क्रिप्ट में कर सकता हूं, लेकिन मैं इस बात पर संघर्ष कर रहा हूं कि मैंने टाइपस्क्रिप्ट कंपाइलर को कैसे जाने दिया कि मैंने इसे किया है।

@ हेजलबर्ग - मुझे यकीन है कि आपके पास किनारे के मामलों पर मेरे कस्तूरी के साथ करने की तुलना में अधिक आयात चीजें हैं ... :)

आप उदाहरण के लिए एक r.d.ts घोषणा फ़ाइल बना सकते हैं:

/// <reference path="react-global.d.ts"/>
declare var R: typeof React;

और फिर उस फ़ाइल को हर जगह देखें। या इससे भी बेहतर:

/// <reference path="react-global.d.ts"/>
import R = React;

जो आपको R.xxx के रूप में React से संदर्भ प्रकारों की भी अनुमति देगा।

मैंने पहले कभी भी typeof का उपयोग नहीं देखा है - बहुत अच्छा। यह .d.ts से पहले से ही परिभाषित मॉड्यूल के लिए बहुत अच्छा काम करता है, लेकिन मैं अभी भी ग्लोबल स्पेस में टाइपस्क्रिप्ट में परिभाषित बाहरी मॉड्यूल को फहराने का एक तरीका नहीं देखता हूं और टाइपस्क्रिप्ट को इसके बारे में पता है। हो सकता है क्योंकि यह एक विरोधी पैटर्न है और मैं इसे खत्म हो जाना चाहिए ...

हमारे पास बाहरी मॉड्यूल का समर्थन करने के लिए typeof का विस्तार करने के लिए कुछ अनुरोध (जैसे # 2357) है, लेकिन अभी तक इस सुविधा की बहुत मांग नहीं हुई है।

सामान्यतया, प्रोग्राम या तो बाहरी मॉड्यूल के बिना लिखे जाते हैं या विशेष रूप से बाहरी मॉड्यूल के साथ। एएमडी ब्राउज़र ऐप के बूटस्ट्रैप भाग के अलावा, वास्तव में कोई निष्पादन वातावरण नहीं है जहां मिश्रित मॉडल भी संभव है। तो हाँ, यह ज्यादातर एक विरोधी पैटर्न है।

इस पर मुझे हास्य देने के लिए हर समय धन्यवाद देने के लिए! मैंने अभी-अभी बाहरी मॉड्यूल (आगामी Angular2 और Aurelia चौखटे के साथ खेलने के लिए) की खोज शुरू की है। # 17, # 2338 और # 2839 जैसे मुद्दे मुझे अंत में दिख रहे हैं। उम्मीद है कि मैं अपनी वर्तमान परियोजना में गहरा गोता लगाते हुए स्पष्ट प्रतिक्रिया दूंगा।

क्या ऐसा करना अभी भी संभव नहीं है? मैं VueJS के साथ टाइपस्क्रिप्ट का उपयोग करने की कोशिश कर रहा हूं और अगर मैं वैश्विक नेमस्पेस में कुछ चीजों को आयात कर सकता हूं तो मैं बहुत सराहना करूंगा ताकि सभी घटक उन चीजों को आयात किए बिना इसका उपयोग कर सकें। क्या इस कार्य को करने के लिए कोई प्रगति या हैक किया गया है?

@Evertt

मुझे एक रास्ता मिला, जो जाहिरा तौर पर टाइपस्क्रिप्ट 2.xx के साथ काम करता है। मेरे मामले में मैं लाइब्रेरी रामा को वैश्विक R रूप में उजागर करना चाहता हूं।

1. npm install ramda @types/ramda
2. फ़ाइल typings/ramda.d.ts बनाएँ
3. .tsconfig.json में शामिल करने के लिए नए बनाए गए typings फ़ोल्डर जोड़ें:

"include": [
    "typings/**/*",
     ...
]

1. जादू को typings/ramda.d.ts :

import * as _R from 'ramda';

export as namespace R;
export = _R; 

अब मेरी परियोजना की सभी ts फाइलें यह मानती हैं कि कोई टाइप किया हुआ वैश्विक R मेरे बिना कोई और आयात या उन फाइलों में जो कुछ भी है।

@geekflyer जब मैं अपने types/vue.d.ts में निम्न कोड का उपयोग करने की कोशिश करता हूं:

import * as V from 'vue'

export as namespace Vue
export = V

जब भी मैं उस वैश्विक Vue का उपयोग करने का प्रयास करता हूं तो मुझे निम्नलिखित त्रुटि मिलती है:

error TS2686: 'Vue' refers to a UMD global, but the current file is a module. Consider adding an import instead.

क्या आपको वह त्रुटि कुछ बिंदु पर भी मिली? यदि हां, तो आपने इसके बारे में क्या किया?

संपादित करें

यदि आपको वह त्रुटि नहीं मिलती है और आपको यकीन नहीं है कि मुझे वह त्रुटि क्यों मिली है, तो क्या आप मुझे अपना संपूर्ण tsconfig.json दिखाने के लिए तैयार हो सकते हैं और शायद आपका वेबपैक कॉन्फिगर भी?

हाय @Ett वास्तव में मुझे भी अब यह त्रुटि मिल रही है। प्रारंभ में मेरा स्रोत कोड ES6 मॉड्यूल सिंटैक्स का उपयोग नहीं कर रहा था, लेकिन एक बार जब मैंने कुछ फ़ाइलों को उस सिंटैक्स में रीफ़्लैक्ट किया तो मुझे वही त्रुटि मिली। क्या कुछ शोध किया और अब मेरे लिए क्या काम कर रहा है जब मैं दूसरी फाइल globals.d.ts बनाऊं और इसे टाइपिंग फ़ोल्डर में भी रखूं:

import * as _R from 'ramda';
import * as _mobx from 'mobx';

declare global {
  const R: typeof _R;
  const mobx: typeof _mobx;
}

वास्तव में यह फाइल अकेले टाइपस्क्रिप्ट कंपाइलर को "संतुष्ट" करने के लिए प्रतीत होती है, इसलिए सिद्धांत रूप में आपको उन अन्य फाइलों की आवश्यकता नहीं होगी जिनका मैंने पहले उल्लेख किया था। हालांकि मेरे विशेष मामले में (मैं WebStorm का उपयोग कर रहा हूं) जब केवल globals.d.ts फ़ाइल थी तो मेरी आईडीई लगातार मुझे मॉड्यूल आयात करने के लिए पिंग कर रही थी और साथ ही उन ग्लोबल्स पर पूर्णता अपूर्ण थी। इसलिए मैंने मूल रूप से टाइपिंग डायरेक्टरी में अब दोनों फाइलें रखीं, जो टाइपस्क्रिप्ट और मेरी आईडीई को संतुष्ट करती हैं। वास्तव में अच्छा नहीं है, लेकिन उन कुछ ग्लोबल्स के लिए जो आम तौर पर मुझे लगता है कि उन फ़ाइलों को बनाए रखने के लिए ठीक है।

यह मेरी tsconfig.json रिफंड के लिए है:

{
  "compilerOptions": {
    "target": "ES5",
    "module": "amd",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "lib": [
      "ES6",
      "DOM",
      "ScriptHost"
    ],
    "sourceMap": true,
    "strictNullChecks": true
  },
  "include": [
    "types/**/*",
    "src/**/*"
  ]
}

मैं बंडल के लिए वेबपैक या कुछ भी उपयोग नहीं कर रहा हूं। मैं सिर्फ व्यक्तिगत फ़ाइलों को ट्रांसपाइल करता हूं और उन्हें https://github.com/SAP/openui5 मॉड्यूल सिस्टम (जो एएमडी के समान है) के माध्यम से लोड करता हूं और केवल उत्पादन के लिए बंडल करता हूं।

टाइपस्क्रिप्ट संस्करण है: 2.2.1

उम्मीद है की वो मदद करदे।

@geekflyer आपको धन्यवाद देता है जो बहुत मददगार था