जावास्क्रिप्ट आयात संभाल अपरिभाषित

Question

क्या स्विच केस उदाहरण विवरण में टाइपो को पकड़ना संभव है?

पसंदीदा तरीका यह होगा कि एस्लिनटर एक चेतावनी/त्रुटि की रिपोर्ट करेगा। वर्तमान में toString()const जोड़कर TypeError को रनटाइम में अपरिभाषित करने के लिए उपयोग किया जा सकता है।

actionTypes.js

export const UPDATE_REQUEST = 'UPDATE_REQUEST'; 

reducer.js

import * as types from '../constants/actionTypes'; 

export default function pouchdbReducer(state = {}, action) { 
    switch (action.type) { 
    case types.UPDDATE_REQUEST: 
     // there is a typo above and it evaluates to `undefined` 
     // this code would never be reached - how to make it an error 
     return Object.assign({}, state, {updated: true}); 
    default: 
     return state; 
    } 
} 

अद्यतन:

के रूप में @ nikc.org जवाब eslint-plugin-importnamespace विकल्प के साथ इस तरह के कीड़े linting के लिए इस्तेमाल किया जा सकता है।

https://github.com/bmihelac/test-js-import-undefined/tree/eslint-plugin-import

eslint config के प्रासंगिक हिस्सा है::

यहाँ विन्यास और डेमो के साथ छोटे भंडार है

"plugins": ["import"], 
"rules": { 
    "import/namespace": [2], 

Answer 1

ESLint के लिए eslint-plugin-import प्लगइन import और export रों पर स्थिर विश्लेषण करता है और विभिन्न मानदंडों पर त्रुटियों या चेतावनियों को बढ़ाने के लिए कॉन्फ़िगर किया जा सकता है, जिसमें आपके प्रश्न के मामले में जहां आपने रेफर को गलत वर्तनी दी थी एक आयातित प्रतीक के लिए एनसीई।

पूरी तरह से समस्या को खत्म करने के लिए, आप Tern पर एक नज़र डाल सकते हैं जो आपको कई संपादकों में कोड अंतर्दृष्टि और कोड पूर्णता देता है जो पूरी तरह से गलत वर्तनी से परहेज करता है।

Answer 2

अस्वीकरण, मैं tern-lint का ऑटोर हूं।

मैं आपको सुझाव देता हूं कि आप tern-lint का उपयोग करें जो "अज्ञात संपत्ति" जैसी त्रुटियों की रिपोर्ट करने में सक्षम है।

आप इस लिटर का उपयोग आदेश के साथ या एक संपादक के साथ कर सकते हैं जो इसका समर्थन करता है (Emacs, Atom, CodeMirror या ग्रहण)। यहाँ ग्रहण tern.java साथ

Answer 3

मैं कार्रवाई प्रकार की संख्या के आधार मान लें कि एक स्क्रीनशॉट (और यदि आप उन्हें तोड़ने के लिए तैयार हैं) आप थोड़ा बदल सकता है आप उन्हें कैसे आयात करते हैं।

हो सकता है कि कुछ इस तरह:

import {TYPE_ONE, TYPE_TWO} from '../constants/firstActionTypes'; 
import {TYPE_THREE} from '../constants/secondActionTypes'; 

export default function pouchdbReducer(state = {}, action) { 
    switch (action.type) { 
    case TTYPE_ONE: 
     // Linting should identify this easily now 
     return Object.assign({}, state, {updated: true}); 
    default: 
     return state; 
    } 
} 

ठेठ linters कि काफी आसानी से ले सकते हैं और एक पक्ष लाभ यह है कि आप अपनी चिंताओं को करने के लिए अपने कार्यों को तोड़ सकता है है।