如何用react-redux解决“无法解析模块”的问题？

npm install react-redux redux --save

yarn add react-redux redux

import { connect } from 'react-redux';

// 错误的路径示例
import { connect } from './path/to/react-redux'; // 这通常是不正确的

module.exports = {
  // ...
  resolve: {
    modules: ['node_modules'],
    extensions: ['.js', '.jsx'],
  },
  // ...
};

npm cache clean --force
rm -rf node_modules
npm install

yarn cache clean
rm -rf node_modules
yarn install

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

// store.js
import { createStore } from 'redux';

const initialState = { count: 0 };

function reducer(state = initialState, action) {
  switch (action.type) {
    case 'INCREMENT':
      return { ...state, count: state.count + 1 };
    default:
      return state;
  }
}

const store = createStore(reducer);
export default store;

// App.js
import React from 'react';
import { connect } from 'react-redux';

function Counter({ count, increment }) {
  return (
    <div>
      <p>{count}</p>
      <button onClick={increment}>Increment</button>
    </div>
  );
}

const mapStateToProps = state => ({
  count: state.count,
});

const mapDispatchToProps = dispatch => ({
  increment: () => dispatch({ type: 'INCREMENT' }),
});

export default connect(mapStateToProps, mapDispatchToProps)(Counter);

// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import store from './store';
import App from './App';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);