"प्रतीक को हल नहीं कर सकते" जब ES6 `import` वाक्य रचना

Question

Here एक उदाहरण एक मॉड्यूल से कुछ वर्गों आयात करने का तरीका दिया जाता है का उपयोग कर:

:

import {ModalContainer, ModalDialog} from 'react-modal-dialog'; 

हालांकि, PhpStorm (नवीनतम ईएपी) मुझे एक त्रुटि देता है

मैं npm install react-modal-dialog साथ पैकेज स्थापित किया है और यह node_modules में मौजूद है।

समकक्ष var {ModalContainer, ModalDialog} = require('react-modal-dialog'); ठीक काम करता है।

Answer 1

मुझे लगता है कि यह PHPStorm के कारण होता है। एक सामान्यजेएस मॉड्यूल आयात करते समय आईडीई understandimport सिंटैक्स नहीं कर सकता है।

वेबस्टॉर्म 2016.1.2 का उपयोग करते समय मुझे यह चेतावनी मिली।

उदाहरण के रूप में react और react-router ले रहा है:

• react एक CommonJS मॉड्यूल, ES5 वाक्य रचना के साथ विकसित किया है,
• react-router ES2015 वाक्यविन्यास के साथ विकसित किया गया है, और बेबेल द्वारा संकलित किया गया है।

WebStorm 2016/01/02 Linkreact-router मॉड्यूल द्वारा निर्यात हल कर सकते हैं, लेकिन समाधान नहीं कर सकता createClassreact मॉड्यूल द्वारा निर्यात किया।

अद्यतन:

browser-sync ES5 के साथ विकसित की एक CommonJS मॉड्यूल, भी है। लेकिन यह वेबस्टॉर्म पर अच्छी तरह से काम करता है, वेबस्टॉर्म browser-sync द्वारा निर्यात किए गए सभी एपीआई को हल कर सकता है।

यह मुझे परेशान करता है कि वेबस्टॉर्म react निर्यात एपीआई को हल नहीं कर सकता है।

Answer 2

मुझे एक प्रतिक्रिया परियोजना स्थापित करते समय इसका सामना करना पड़ा और मैंने जो किया वह आयात की टाइपस्क्रिप्ट परिभाषा डाउनलोड करें, मेरे मामले में केवल react के लिए खोज की गई। अपनी परियोजना के लिए पुस्तकालयों को जोड़ने के लिए

निर्देश webstorm's help page पर पाया जा सकता।