使用 React Toolkit 找不到“react-redux”模块

Question

我有一个 React-app 项目，我在其中安装了 npm 和 Redux Toolkit。

以这种方式为整个应用添加了商店提供商之后

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';

import './index.css';
import App from './App';
import store from './store/index';

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

如果我 npm start 应用程序我收到此错误：

找不到模块：无法解析“/Desktop/React/redux-app/src”中的“react-redux”

我读过official Redux site：

Redux Toolkit 包括 Redux 核心，以及我们认为对于构建 Redux 应用程序至关重要的其他关键包

所以我想单独使用 Redux Toolkit 应该足以解决任何 react-redux 模块。

我注意到我的 package.json 和 package-lock.json 位于我运行 npm start 的目录中，即 /redux- app 而在 /redux-app/src 中找不到该模块。可以吗？我应该移动 .json 文件吗？一般如何解决这个问题？

Answer 1

React-Redux 不是 Redux 核心的一部分。

Redux Toolkit 包括 Redux 核心，以及我们认为对于构建 Redux 应用程序至关重要的其他关键包

Redux 不是 React 特定的，它适用于您想尝试的任何堆栈。在使用 Redux 和 React 时，您需要安装和使用 React-Redux 以使其更好地与 React 一起使用。您不一定需要，但它有很大帮助。

在这种情况下，它专注于使用 redux 的应用程序。这是一个工具包，特别是极大地改进了 redux 的使用。它不关心你尝试使用什么 redux，所以它不会影响 react 和 redux（react-redux 包）之间的绑定逻辑。

对此的一个很好的测试是，如果您尝试从中提取代码的基本包名称不同，则应安装该其他包（即使它看起来可以工作）。即import {} from 'react-redux' vs import {} from '@reduxjs/toolkit。

在回答您的问题时，您需要从基本目录 (/redux-app) 运行 npm install react-redux。您不应该将 .json 文件从它们所在的位置移动。它们应该位于项目的根目录中。

Answer 2

如果你使用 npm：

npm install react-redux

或者如果你使用 Yarn：

纱线添加 react-redux