Receiving Attempted import error in react app

Question

I am receiving the following error when trying to run my React app        src components App App js    Attempted import error   combineReducers    is not exported from        store reducers      Here s how I m exporting combineReducers   import   combineReducers   from  redux   import userReducers from    userReducers   import articleReducers from    articleReducers    export default combineReducers       userReducers      articleReducers       and here s how I m importing it in App js   import   combineReducers   from        store reducers     What s incorrect in how I m exporting combineReducers

User · Accepted Answer

import   combineReducers   from        store reducers   should be import combineReducers from        store reducers   since it s a default export  and not a named export  There s a good breakdown of the differences between the two here

User · Answer

I guess I am coming late  but this info might be useful to anyone I found out something  which might be simple but important  if you use export on a function directly i e export const addPost    id    gt             Note while importing you need to wrap it in curly braces i e  import  addPost  from     URL   But when using export default i e const addPost    id    gt             export default addPost  Then you can import without curly braces i e  import addPost from     url   export default addPost  I hope this helps anyone who got confused as me

User · Answer

i had the same issue  but I just typed export on top and erased the default one on the bottom  Scroll down and check the comments   import React    Component   from  react    export class Counter extends Component      type this   export default Counter     this is eliminated

User · Answer

This is another option   export default function Counter

[reactjs] Receiving "Attempted import error:" in react app

Examples related to reactjs

Examples related to redux