在将react-redux与ASP.NET Core一起使用时在运行时出现未定义的错误

Question

我在ASP.NET Core应用程序中使用react / redux，如果我不包括redux，一切都会顺利进行，但是在添加redux并更改了当前组件以连接到商店后，浏览器出现以下错误（将网站发布到wwwroot文件夹后）：

  

ReferenceError：未定义提供程序

或

  

ReferenceError：未定义连接

...

请注意，在我的wwwwroot文件夹中，添加了react-redux.js文件，该文件存在于节点模块中的react-redux模块的dist文件夹中。

--- node_modules \ react-redux \ dist \ react-redux.js ----

在下面的代码中，我将其中一个容器的代码显示在浏览器运行时的错误中：

declare var { connect }: typeof import("react-redux");

import { addTodo } from '../redux/actions/todo-actions.js';
import AddTodoForm from '../components/AddTodoForm.js';

const mapDispatchToProps = {
    handleSubmit: addTodo
};

export default connect<any, any, any>(null, mapDispatchToProps)(AddTodoForm)

在我看来，我添加到wwwroot文件夹的reaxt-redux.js没有将其接口（特别是连接接口）正确导出到窗口中！

考虑到我的服务器上没有节点模块和npm，因此我更喜欢在页面中手动引用react，redux和react-redux javascript文件。

您能告诉我我做错了吗？

预先感谢

Answer 1

我发现了问题。当我使用Webpack时，由于页面上有多个组件，redux存储被捆绑并添加了不止一次。需要更改store.tsx来防止它。