【问题标题】:Can't get redux in react-native to work无法在 react-native 中使用 redux
【发布时间】:2017-06-05 02:59:15
【问题描述】:

我正在尝试运行一个非常小的 redux 示例:

http://www.reactnativeexpress.com/redux

这是第一个代码框。它所做的只是存储一个数字,并使用一个只增加它的 reducer。代码只导入redux(没有redux-persist、react-redux等)

我遇到的问题是关闭所有依赖项。在 redux 之前,我运行 react-native 应用程序没有问题。在 react-native init 并执行 run-ios 后,一个红框错误显示它找不到 redux。这是唯一对我有意义的部分。以下是我尝试采取的步骤:

$ npm install --save redux

这被证明是有问题的,因为它会回滚并执行以下操作:

添加 5 个包,删除 617 个包并更新 17 个包 8.839s

run-ios 或 run-android 不再正常工作:

命令run-ios 无法识别。确保你已经运行 npm install 并且你在一个 react-native 项目中。

执行 npm install 或 npm install update 没有任何作用,因为它仍然显示此消息。

然后我尝试创建一个新项目并将代码再次粘贴到 index.ios.js 中,但改用 yarn(顺便说一句,我不知道这意味着什么。npm 或 yarn。)

$ yarn add redux 

然后run-ios显示红框错误:

找不到变量:React

错误出现在

<Text style={{fontSize: 100}}> 

所以它必须是 react-native 中的东西(准确地说是 ReactCompositeComponent.js)。好的。

$ yarn add react 

现在我得到的红框错误是它无法解析 react/lib/ReactDebugCurrentFrame 然后它列出了它无法找到的所有默认目录。

npm install --save redux 不应该删除所有这些 node_module 文件。其他人可以完成这项工作吗?

【问题讨论】:

  • 据我所知,它不应该删除 node_module 文件?你是如何创建你的 React Native 项目的?你用react-native init了吗?
  • 是的,我使用了 react-native init。据我所知,我应该能够执行 npm install --save redux 并且它应该可以正常工作。但它会删除很多文件。
  • 主要问题是您的npm install --save redux 正在删除node_modules 中的大量文件。您是否按照此处的步骤操作:facebook.github.io/react-native/docs/getting-started.html
  • 是的,我什至又做了一次,react-native 和 watchman 都是最新的。 react-native-cli 更新了自己,但我仍然遇到这个问题。这很奇怪。我在 Mac 上。
  • 可能与这个问题有关? github.com/facebook/react-native/issues/4968

标签: javascript react-native npm redux jsx


【解决方案1】:

我有两个问题。第一个是 npm install --save redux(甚至 react-redux)删除了很多 node_modules。我从来不知道它为什么这样做,但是在重新安装节点和守望者(brew卸载 --force 然后安装)之后它停止了这样做。第二个问题是我需要添加 import React, { Component } from 'react';到文件的顶部。

【讨论】:

    【解决方案2】:

    只有在全局安装了 yarn 时才尝试使用 yarn 添加包。命令 react-native init project-name 默认使用 yarn。因此,尝试使用 npm install 安装软件包将删除 node_modules,因为 react native 应用程序的初始设置不是使用 npm。

    【讨论】:

      猜你喜欢
      • 2022-11-08
      • 1970-01-01
      • 1970-01-01
      • 2020-05-13
      • 1970-01-01
      • 2018-11-03
      • 1970-01-01
      • 2021-06-03
      • 2021-05-06
      相关资源
      最近更新 更多