Estoy usando @reduxjs/toolkit y reactjs para crear un carrito de compras, y cuando exporto las acciones de Cart.js e intento importarlas a otros archivos como cart.jsx y header.jsx, dice:

y cuando verifique la CONSOLA después de hacer clic en el botón addTocart que llama a la acción importada de addToCart, dice:

este es el código cart.js (ubicado en la carpeta redux):

 import { createSlice } from "@reduxjs/toolkit"; export const cartSlice = createSlice({ name: "cart", initialState: { cartProds: [] }, reducers: { addToCart: (state, {payload})=>{ const exist = state.cartProds.find(prod => prod.id === payload.id); if(exist){ return state.cartProds.map(prod => prod.id === payload.id ? {...prod, quantity: prod.quantity + 1}: prod); } if(!exist){ return state.cartProds = [...state, {...payload, quantity: 1}]; } }, removeFromCart :(state, {payload}) =>{ const exist1 = state.find( prod => prod.id === payload.id); if(exist1.quantity === 1){ return state.filter(prod => prod.id !== exist1.id); }else{ return state.map(prod => prod.id === payload.id ? {...prod, quantity:prod.quantity-1}: prod); } } } }); export const { addTocart, removeFromCart } = cartSlice.actions; export default cartSlice.reducer;

y esta es la forma en que los importé (¡la ruta es absolutamente correcta!):

 import { addToCart, removeFromCart } from '../redux/cart.js';