【问题标题】:'react-native' is not recognized as an internal or external command, operable program or batch file'react-native' 不是内部或外部命令、可运行程序或批处理文件
【发布时间】:2016-12-17 18:53:12
【问题描述】:

我最近开始使用 react-native。我使用 facebook 网站上的教程安装它,一两天内一切正常,直到出现此消息:

'react-native' is not recognized as an internal or external command,
operable program or batch file.

除了卸载所有内容并重新开始之外,没有任何效果。环境还可以并且可以正常工作(npm、choco 等)。我也尝试过删除 react-native 并将其添加到环境变量,重新启动,以管理员模式运行 cmd,但到目前为止还没有。我应该补充一点,我使用的是 Windows 10 64 位。

【问题讨论】:

  • npm install -g react-native-cli 在大多数情况下都有效。请记住重新启动命令提示符以使 react-native 命令正常工作。
  • 重启命令提示符是关键
  • 安装npm install -g react-native-cli后别忘了重启cmd
  • 对我来说问题不是安装了 jdk,运行 choco install -y nodejs.install openjdk8 解决了这个问题

标签: react-native


【解决方案1】:

我遇到了同样的问题并尝试了以下但没有奏效 1)将 npm 路径添加到我的环境变量中;系统和用户 2)重新安装npm和react-native-cli

两者都不适合我,我使用的是 Windows 10;

对我有用的解决方案是全局安装 react-native-cli 您可以使用以下命令全局安装它:

npm install -g react-native-cli

希望对您有所帮助! 干杯:)

【讨论】:

    【解决方案2】:

    您可以简单地使用npx react-native <command> 它会起作用

    【讨论】:

    • 不幸的是,这对我也不起作用。
    • 请帮助我了解 npx 正在播放什么魔法并且 react-native 的命令开始工作?
    • @NarendraChandratre npx 只是一个包执行器,所以npx react-native run-ios 允许你在不下载整个cli 的情况下使用execute react-native
    【解决方案3】:

    您的系统或用户环境 PATH 变量已被编辑,您可以卸载 NodeJs 并重新安装它,或者将以下路径添加到 PATH 变量末尾的用户变量中,然后重新启动 Windows:

    C:\Users[USER-NAME]\AppData\Roaming\npm

    这应该可以。

    【讨论】:

      【解决方案4】:

      您需要在环境变量中设置 npm 路径。请看下面的图片

      然后按照命令:在您的系统中为 cli 安装 -g ( global )

      npm install -g react-native-cli
      

      【讨论】:

        【解决方案5】:

        npm install -g react-native-cli

        但别忘了重启命令提示符

        【讨论】:

          【解决方案6】:

          我在 Windows 10 上以管理员模式在 cmd 窗口中运行时立即遇到相同的错误,但是在 git bash 窗口中也有一个对我有用的 react-native 的 bash shell 版本。

          cmd:----------------------------------------------
          C:\Users\David\Documents\react>where react-native
          C:\Users\David\AppData\Roaming\npm\react-native
          C:\Users\David\AppData\Roaming\npm\react-native.cmd
          
          C:\Users\David\Documents\react>react-native init AwesomeProject
          'react-native' is not recognized as an internal or external command,
          operable program or batch file.
          
          
          git bash:----------------------------------------
          David@CYBER-PC ~/Documents/react
          $ react-native init AwesomeProject
          This will walk you through creating a new React Native project in        c:\Users\David\Documents\react\AwesomeProject
          Installing react-native package from npm...
          Setting up new React Native app in  c:\Users\David\Documents\react\AwesomeProject
          AwesomeProject@0.0.1 c:\Users\David\Documents\react\AwesomeProject`-- react@15.3.1
          
          To run your app on iOS:
             cd c:\Users\David\Documents\react\AwesomeProject
             react-native run-ios
             - or -
             Open   c:\Users\David\Documents\react\AwesomeProject\ios\AwesomeProject.xcodeproj in Xcode
             Hit the Run button
          To run your app on Android:
             Have an Android emulator running (quickest way to get started), or a device connected
             cd c:\Users\David\Documents\react\AwesomeProject
             react-native run-android
          

          【讨论】:

            【解决方案7】:

            npm install -g react-native-cli

            【讨论】:

            • 请通过添加一些解释为什么您的代码是问题的解决方案来避免仅使用代码的答案。请记住,此答案可以在将来对其他人有所帮助,并且信息越多越好。
            【解决方案8】:

            我必须在 Windows 10 上将 %APPDATA%\npm 文件夹添加到我的 PATH 中。全局模块安装在那里。

            【讨论】:

              【解决方案9】:

              如果卸载并再次安装npm 对您不起作用,请尝试将%APPDATA%\npm 添加到路径(环境变量),然后快速重启/重启。系统重启应该是这个过程的一部分。这对我有用。

              安装

              npm install -g react-native-cli
              

              卸载

              npm uninstall -g react-native-cli
              

              【讨论】:

                【解决方案10】:

                如果您关注 Windows/Android 的 getting started guide,他们建议您通过 Chocolatey 安装 nodejs。但是 Chocolatey 在安装东西时喜欢拥有管理员权限。如果您只是普通用户,这似乎会干扰 npm 安装 react-native-cli 的方式。就我而言,react-native 命令仅在我以管理员身份启动命令提示符时才被识别。

                我做了什么来修复:

                1. 以管理员身份启动命令提示符
                2. 全局卸载react-native-clinpm uninstall -g react-native-cli
                3. 通过 Chocolatey 卸载 nodejschoco uninstall nodejs

                现在,作为没有管理员权限的普通用户:

                1. 通过nodejs website 安装nodejs(不是Chocolatey)
                2. 全局安装react-native-clinpm install -g react-native-cli

                【讨论】:

                  【解决方案11】:

                  我卸载了 node.js 然后重新安装它,它就像一个魅力

                  【讨论】:

                    【解决方案12】:
                    1. 只需卸载 node.js 并重新安装它..
                    2. 然后安装cli包输入命令

                    npm install -g react-native-cli..

                    现在您可以开始制作项目了。

                    要使项目从您的文件夹所在的驱动器中打开一个文件夹。

                    然后输入命令

                    react-native init albums  
                    

                    它会在你的目录中为你创建一个项目。

                    【讨论】:

                    • 你也参加了 Udemy 课程。?
                    【解决方案13】:

                    上述解决方案都不适合我。起作用的是删除 nodejs,然后使用以下命令通过Chocolatey 重新安装它:

                    PS > choco install -y nodejs.install python2 jdk8
                    
                    > npm install -g react-native-cli
                    C:\Users\user\AppData\Roaming\npm\react-native ->       
                    C:\Users\user\AppData\Roaming\npm\node_modules\react-native-cli\index.js
                    + react-native-cli@2.0.1
                    added 41 packages from 15 contributors in 4.528s
                    

                    【讨论】:

                      【解决方案14】:

                      我也遇到了这个问题,因为我从以前的操作系统安装中恢复了我的文件。我的问题是我的 C:\Users\user_name\.npmrc 文件中的 prefix 错误。

                      运行 npm config list 并确保所有 npm 配置变量都指向正确的文件路径。如果您想让它恢复默认值,请删除 .npmrc 文件。这就是我所做的,react-native 命令再次为我工作。

                      我希望这会有所帮助。

                      【讨论】:

                        【解决方案15】:

                        使用node.js稳定版或推荐版

                        【讨论】:

                          【解决方案16】:

                          我不清楚,但以下步骤对我有用。

                          1. 删除节点模块
                          2. 卸载 react-native cli。这是在 react-native Documentation 中推荐的

                          "如果您之前安装了全局 react-native-cli 包,请将其删除,因为它可能会导致意外问题。"

                          npm uninstall -g react-native-cli
                          
                          1. 清洁 gradlew。在您的项目文件夹中,通过键入 cd android 转到 android 文件夹 并运行gradlew clean

                          2. 回到你的项目文件夹cd ..,然后运行

                            npx react-native run-android

                          这些步骤对我有用。第一次运行时花了一些时间。

                          【讨论】:

                            【解决方案17】:

                            在窗口 10 上,nodejs>11 个全局节点库似乎安装在 C:\Users\your_user_name.npm-global 中。所以你需要设置变量指向那个路径

                            【讨论】:

                              【解决方案18】:

                              由于这个奇怪的错误,我遇到了问题。

                              我检查了它是否再次全局加载

                              我没有删除所有包

                              我什至手动删除了 C:\Users[USER-NAME]\AppData\Roaming\ npm,但没有解决办法。

                              唯一的解决方案是使用 当前 版本的 node.js。

                              【讨论】:

                                【解决方案19】:

                                完全卸载nodejs(重启你的电脑)并使用chocolatey重新安装它并按照https://facebook.github.io/react-native/docs/getting-started的其他命令。

                                对我来说效果很好!

                                【讨论】:

                                  【解决方案20】:

                                  即使你已经全局安装了 react-native 并且仍然得到相同的尝试将 npm 模块的路径 (C:\Users\your user name\AppData\Roaming\npm) 添加到系统变量而不是用户变量。

                                  【讨论】:

                                    【解决方案21】:

                                    我知道已经太晚了,无论如何

                                    • 确保您已将 NPM 的路径添加到 system variable 而不是 System Environment Variables 中的 user variable

                                    PATH : C:\Users\user_name\AppData\Roaming\npm

                                    【讨论】:

                                      【解决方案22】:

                                      打开命令提示符并输入:npm config list:

                                      获取红色下划线的路径并将其添加到您的系统路径(将两个反斜杠变为一个),例如:C:\Users\YOURNAME\AppData\Roaming\npm

                                      这解决了我的问题

                                      【讨论】:

                                        【解决方案23】:

                                        我刚刚向控制台写了“react-native -v”以检查我是否仍然是 react-native,然后我又写了“react-native run-android”,这次它起作用了。是的,就是这样。 React Native 是一种糟糕的技术。

                                        【讨论】:

                                          【解决方案24】:

                                          看起来我错误地卸载了 react native cli,我尝试了上面提到的所有答案,但下面的命令对我有用。

                                          npx react-native run-android.

                                          【讨论】:

                                            【解决方案25】:

                                            解决方案

                                            我在 VsCode 中运行 react-native start 时遇到 'react-native' is not recognized as an internal or external command,operable program or batch file 错误。

                                            我通过在 PowerShell 中运行 npm install -g react-native-cli 解决了这个问题

                                            要遵循的步骤

                                            1. 以管理员身份运行 PowerShell(重要步骤)
                                            2. 在 PowerShell 中运行 npm install -g react-native-cli
                                            3. 关闭 VsCode 并重新运行它
                                            4. 就是这样!

                                            【讨论】:

                                              猜你喜欢
                                              • 1970-01-01
                                              • 1970-01-01
                                              • 2018-08-03
                                              • 1970-01-01
                                              • 2018-08-25
                                              • 2014-06-01
                                              • 2022-01-06
                                              • 2016-07-07
                                              • 2021-12-20
                                              相关资源
                                              最近更新 更多