प्रतिक्रिया एप में "प्राप्त किए गए आयात त्रुटि:" प्राप्त करना


117

जब मेरा रिएक्ट ऐप चलाने की कोशिश कर रहा हूं तो मुझे निम्नलिखित त्रुटि प्राप्त हो रही है:

./src/compenders/App/App.js
प्रयास किए गए त्रुटि त्रुटि: 'CombReducers'
को '../../store/reducers/' से निर्यात नहीं किया गया है।

मैं यहाँ निर्यात कर रहा हूँ combineReducers:

import { combineReducers } from 'redux';
import userReducers from './userReducers';
import articleReducers from './articleReducers';

export default combineReducers({
    userReducers,
    articleReducers
});

और यहां बताया गया है कि मैं इसे कैसे आयात कर रहा हूं App.js:

import { combineReducers } from '../../store/reducers';

मैं कैसे निर्यात कर रहा हूं, इसमें गलत क्या है combineReducers?

जवाबों:


244

import { combineReducers } from '../../store/reducers';

होना चाहिए

import combineReducers from '../../store/reducers';

चूंकि यह एक डिफ़ॉल्ट निर्यात है, और एक नामित निर्यात नहीं है।

यहाँ दोनों के बीच मतभेदों का एक अच्छा टूटना है


1
नामित निर्यात से डिफ़ॉल्ट निर्यात को अलग करने के लिए धन्यवाद
फ्रांसिस बेकन

मतभेदों पर ब्लॉगपोस्ट टूट गया है, दुर्भाग्य से।
sboisse

15

मैं एक ही मुद्दा था, लेकिन मैं सिर्फ exportऊपर टाइप किया और नीचे एक डिफ़ॉल्ट मिटा दिया। नीचे स्क्रॉल करें और टिप्पणियों की जांच करें।

import React, { Component } from "react";

export class Counter extends Component { // type this  
export default Counter; // this is eliminated  

4

मुझे लगता है कि मैं देर से आ रहा हूं, लेकिन यह जानकारी किसी के लिए उपयोगी हो सकती है मुझे कुछ पता चला, जो सरल लेकिन महत्वपूर्ण हो सकता है। यदि आप सीधे किसी कार्य पर निर्यात का उपयोग करते हैं

export const addPost = (id) =>{
  ...
 }

आयात करते समय ध्यान दें कि आपको इसे घुंघराले ब्रेस में लपेटना है import {addPost} from '../URL';

लेकिन निर्यात डिफ़ॉल्ट का उपयोग करते समय यानी

const addPost = (id) =>{
  ...
 }

export default addPost,

फिर आप बिना कर्ली ब्रेसेस के आयात कर सकते हैं import addPost from '../url';

export default addPost

मुझे उम्मीद है कि यह किसी को भी मदद करता है जो मेरे रूप में भ्रमित हो गया। 🙂


हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.