প্রতিক্রিয়া অ্যাপ্লিকেশনটিতে "আমদানির ত্রুটির চেষ্টা করা:" প্রাপ্ত করা Re

Question

আমার প্রতিক্রিয়া অ্যাপটি চালানোর চেষ্টা করার সময় আমি নিম্নলিখিত ত্রুটিটি পেয়েছি:

./src/components/App/App.js
আমদানি ত্রুটি প্রয়াস: 'combineReducers'
'../../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?

Answer 1

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

হতে হবে

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

যেহেতু এটি একটি ডিফল্ট রফতানি, এবং নামযুক্ত রফতানি নয়।

দুই মধ্যে পার্থক্য একটি ভাল ভাঙ্গন এর এখানে ।

Comments

নামযুক্ত রফতানি থেকে ডিফল্ট রফতানি আলাদা করার জন্য ধন্যবাদ

— ফ্রান্সিস বেকন

Answer 2

আমার একই সমস্যা ছিল, তবে আমি কেবল exportউপরে টাইপ করেছি এবং নীচে ডিফল্টটি মুছলাম। নীচে স্ক্রোল করুন এবং মন্তব্যগুলি দেখুন।

import React, { Component } from "react";

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

Answer 3

আমি অনুমান করি যে আমি দেরি করে আসছি তবে এই তথ্যটি কারও পক্ষে কার্যকর হতে পারে আমি এমন কিছু খুঁজে পেয়েছি যা খুব সহজ তবে গুরুত্বপূর্ণ। আপনি যদি সরাসরি কোনও ফাংশনে রফতানি ব্যবহার করেন

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

নোট করুন আমদানির সময় আপনার এটি কোঁকড়া ধনুর্বন্ধনী মধ্যে আবৃত করা প্রয়োজন import {addPost} from '../URL';

তবে রফতানি ডিফল্ট ব্যবহার করার সময়

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

export default addPost,

তারপরে আপনি কোঁকড়া ধনুর্বন্ধনী ছাড়া আমদানি করতে পারেন import addPost from '../url';

export default addPost

আমি আশা করি যে এটি আমার হিসাবে বিভ্রান্ত হয়েছে এমন কাউকে সহায়তা করে। 🙂

Answer 4

এটি অন্য বিকল্প:

export default function Counter() {

}