index.js file:

 import React from 'react';
    import { createRoot } from 'react-dom/client';
    import { Provider } from 'react-redux';
    import { store } from './app/store';
    import App from './App';
    import reportWebVitals from './reportWebVitals';
    import './index.css';
    
    const container = document.getElementById('root');
    const root = createRoot(container);
    
    root.render(
      <React.StrictMode>
        <Provider store={store}>
          <App />
        </Provider>
      </React.StrictMode>
    );
    
    
    reportWebVitals();

store.js file:

import { configureStore } from '@reduxjs/toolkit';
import userReducer from '../features/userSlice';



export default configureStore({
  reducer: {
    user: userReducer,
  },
});

ERROR:- ERROR in ./src/index.js 16:11-16

export 'store' (imported as 'store') was not found in './app/store' (possible exports: default)

index.js file:

 import React from 'react';
    import { createRoot } from 'react-dom/client';
    import { Provider } from 'react-redux';
    import { store } from './app/store';
    import App from './App';
    import reportWebVitals from './reportWebVitals';
    import './index.css';
    
    const container = document.getElementById('root');
    const root = createRoot(container);
    
    root.render(
      <React.StrictMode>
        <Provider store={store}>
          <App />
        </Provider>
      </React.StrictMode>
    );
    
    
    reportWebVitals();

store.js file:

import { configureStore } from '@reduxjs/toolkit';
import userReducer from '../features/userSlice';



export default configureStore({
  reducer: {
    user: userReducer,
  },
});

ERROR:- ERROR in ./src/index.js 16:11-16

export 'store' (imported as 'store') was not found in './app/store' (possible exports: default)

• javascript
• html
• css
• reactjs
• redux

Share Improve this question Follow asked Jun 21, 2022 at 5:35 Milan Kumar BuraMilan Kumar Bura 45088 silver badges1111 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You export store as default export you need to import it as default

index.js

 import React from 'react';
    import { createRoot } from 'react-dom/client';
    import { Provider } from 'react-redux';
    import store from './app/store';
    import App from './App';
    import reportWebVitals from './reportWebVitals';
    import './index.css';
    
    const container = document.getElementById('root');
    const root = createRoot(container);
    
    root.render(
      <React.StrictMode>
        <Provider store={store}>
          <App />
        </Provider>
      </React.StrictMode>
    );
    
    
    reportWebVitals();

You are wrong ing from two reasons:

Reason number one: you already export the store as default and you import it with {} the first thing you should remove is the {}. to be like below:

import store from './app/store';

Reason number one:

Write store in capital letters to be Store finally to be like below:

import Store from './app/store';