【问题标题】:Ionic framework - 'ionic' is not recognized as an internal or external command离子框架 - “离子”不被识别为内部或外部命令
【发布时间】:2022-02-22 20:26:18
【问题描述】:

我从早上开始就尝试安装 ionic 并在其上创建一个示例项目。但是,从那时起,就面临着一系列的问题。尝试一一解决。 Atlast 重启了我的机器并打开了命令提示符来构建示例项目并尝试了

path of the sample project> ionic build android

但是,我一直面临着“离子”不被识别为内部或外部命令的错误。

我尝试清除缓存并在我的机器中重新安装 ionic。尽管如此,我仍然面临着同样的问题,即 ionic 未被识别为内部或外部命令。

有人可以帮我解决这个问题吗?

谢谢 马尼坎丹J

【问题讨论】:

  • 如果您在 Windows 上,请尝试以管理员身份运行终端。
  • 重新安装离子。
  • 如果你在windows上使用npm,你可以随时清除npm缓存并重新安装ionic。

标签: ionic


【解决方案1】:

不知何故,PATH 环境变量中没有我的 npm 路径

所以在将C:\Users\XXXXX\AppData\Roaming\npm 添加到我的PATH 变量后,我的问题就解决了:-)

【讨论】:

  • Brilliant,遇到了同样的问题——在我的情况下,我已经自定义了 npm 的位置(对于全局安装的模块)——所以在将此目录添加到路径后,我的 ionic 命令是工作。
  • 我也有同样的问题。按照你的步骤,但没有帮助我
  • @AnandRaj 你是否将 ionic 安装为全局?
  • 这也适用于我,我正在使用公司的笔记本电脑,不知何故,即使我使用 -g 标志,cordova 或 ionic 仍然没有在全球范围内添加。这种方法解决了我的问题。
  • 当上述方法仍然无效时,设置 Path 变量后再次运行 npm install -g cordova ionic 命令
【解决方案2】:

尝试使用 -g 参数安装 ionic 框架,这样安装将是全局的,如下所示:

npm install -g ionic

-g 参数的意思是“它的二进制文件最终在你的 PATH 环境变量中。”

【讨论】:

  • 请注意,如果您在全球范围内安装,您将需要拥有管理员权限(在 *nix 系统上)。
【解决方案3】:

如果您使用的是 Windows 10(可能还有 Vista/8/8.1),您需要以管理员身份运行 cmd.exe。现在,当您运行以下命令时,将进行环境设置。

npm install -g cordova ionic

【讨论】:

    【解决方案4】:

    检查配置是否损坏。该更新可能已将其安装在错误的位置。

    第一次检查:npm config get prefix

    在我的情况下,它没有设置为 /usr/local,而是在 /usr/Roaming。

    所以要修复它,请使用:npm config set prefix

    问题解决了! :)

    【讨论】:

      【解决方案5】:

      经过几个小时的努力,我通过以下步骤修复了它:

      1. 卸载节点js重启系统。
      2. 安装node js(当前版本)。
      3. 系统变量 中检查您的节点 js 路径 环境变量。


      1. 右键单击命令提示符并选择以管理员身份运行。输入cd\ 现在通过cd <YourNpmPath>\npm install -g ionic@4 进入npm 路径文件夹
      2. 就是这样。现在它已在整个系统中全局可用。

      【讨论】:

        【解决方案6】:

        我运行了这个命令来卸载:

        npm uninstall -g ionic cordova
        

        然后运行安装:

        npm install -g ionic cordova
        

        然后一切又开始工作了。

        【讨论】:

          【解决方案7】:

          按照以下简单步骤使其工作:

          1. 安装Node.js
          2. 安装 Ionic 和 cordova:npm install -g cordova ionic
          3. 创建一个简单的项目:ionic start mySimpleApp tabs
          4. cd mySimpleApp
          5. ionic cordova platform add android
          6. 构建项目:ionic build android

          【讨论】:

          • 我认为问题假设所有这些都已经完成。在我的情况下,它是。这些步骤将在 #3 处失败,并出现问题中的错误。
          • 那是'快乐的方式'。 “悲伤的方式”将在第 3 步失败,这就是错误的问题。
          【解决方案8】:

          将其插入您的系统路径。发生这种情况是因为看不到节点模块,但是当您这样做时,您会创建模块的路径。他们在这个位置找到

          C:\Users\[username]\AppData\Roaming\npm
          

          【讨论】:

          • 但是怎么加
          【解决方案9】:

          为了搜索者的利益,其他答案对我不起作用。

          我从以下位置删除了“Ionic”文件夹:

          C:\Users\..{me}..\AppData\Roaming\npm\node_modules

          然后再次安装:

          npm install -g ionic cordova
          

          这样就解决了。

          【讨论】:

          • 这可能不是唯一的最终解决方案,但就我而言,它解决了问题。在我的 PC 上将 ionic 更新到 v4 后,我开始收到上述错误。卸载并没有解决我的问题,但以某种方式删除文件夹并重新安装工作。它给了我一个不同的错误,但至少现在我的项目构建了(有错误,LOL)。我会在之后解决这些问题。
          【解决方案10】:

          我在 windows 10 上解决了这个问题。问题是环境变量不包含 ionic 文件夹的路径。

          【讨论】:

            【解决方案11】:

            只要做:

            npm 配置集前缀

            然后

            npm install -g ionic cordova

            【讨论】:

              【解决方案12】:

              将路径变量设置为 C:\Users\«用户名文件夹»\appdata\Roaming\npm 帮助我解决了这个问题。请尝试

              【讨论】:

                【解决方案13】:

                卸载旧版本

                npm uninstall -g ionic
                

                并尝试使用新版本再次安装

                npm install -g @ionic/cli
                

                【讨论】:

                  【解决方案14】:

                  在我的情况下,我认为Ionic 没有安装, 但是在我更改了我的 Windows 用户名之后,npm 出于某种原因仍然安装在最后一个 %AppData% 文件夹路径上。

                  例如,新用户名的正确路径是:

                  C:\Users\Admin\AppData\Roaming\npm

                  npm 确实使用了:

                  C:\Users\Abc\AppData\Roaming\npm


                  已将该文件夹内容移动到正确的位置,一切正常!

                  但为了最终从根本上解决问题,我更新了NPM 设置,例如:

                  npm config -g set prefix "%AppData%\npm"
                  npm config -g set cache "%AppData%\npm-cache"
                  npm config -g get prefix
                  

                  并确保我的PATH 环境变量包含正确的NPM 目录。

                  【讨论】:

                    【解决方案15】:

                    当我们手动更改路径变量时会出现此问题。由于此更改系统找不到需要执行的命令的库。

                    在安装 ionic cordova 时,ionic cli 会在您的环境中添加路径变量。希望这些内容对您有所帮助

                    路径 - C:\user\system_name\AppData\Roaming\npm

                    【讨论】:

                      【解决方案16】:

                      我在 Windows 上遇到了同样的问题,我通过导航到命令提示符找到解决方案

                      C:\Users\[用户名]\AppData\Roaming\npm>

                      Cordova、Ionic 等都可以在这里找到。

                      【讨论】:

                      • 否则从开始->程序->Node.js->Node.js命令提示符使用node.js命令提示符
                      【解决方案17】:

                      以下步骤在 2022 对我有用:

                      1. 以管理员身份运行命令提示符。这对于确保全局安装 ionic 是强制性的,否则尽管安装了 ionic,您仍会看到相同的错误消息。
                      2. 输入此命令并回车:npm i -g @ionic/cli

                      就是这样!

                      【讨论】:

                        【解决方案18】:

                        'ionic/java/cordova etc..' 不被识别为内部或外部命令

                        对于 ionic 或 cordova,使用 npm install -g ionic/cordova 命令从节点安装它。

                        当它的 PATH 没有为其他程序(如 java)正确设置时,就会出现这种消息。系统必须识别您的系统上是否可用的命令。这只有在设置环境变量时才能识别。

                        用它来设置你的路径

                        设置路径 = %PATH%;你的应用程序到 bin 的路径

                        【讨论】:

                          【解决方案19】:

                          只要跟着这个视频,你必须正确设置你的路径。

                          http://learn.ionicframework.com/videos/windows-android/

                          1:下载并安装 Java,然后打开您的系统环境变量,并添加或创建一个名为 PATH 的新用户变量,其中包含新 Java SDK 安装的 bin 文件夹的完整路径。

                          2:下载 Apache Ant,然后将 bin/ 文件夹的完整路径添加到 PATH 环境变量的末尾。

                          3:将 Android 添加到 PATH :打开您的环境变量设置并将 adt-bundle/sdk/platform-tools/ 文件夹和 adt-bundle/sdk/tools/ 文件夹的完整路径添加到末尾你的 PATH 变量:

                          4.安装nodeJs现在就可以了

                           npm install -g cordova ionic
                          

                          【讨论】:

                            【解决方案20】:

                            我开始在 Console2 命令提示符中遇到同样的错误。我检查了环境变量并重新安装了 ionic 和 cordova,但这并没有修复它。

                            然后我在 Node.js 命令提示符中尝试了 ionic,它运行良好。因此,如果您遵循其他建议但仍然无法正常工作,请尝试使用不同的命令提示符。

                            【讨论】:

                              【解决方案21】:

                              我认为您应该将bin文件复制到系统变量中,应该没问题,至少我在Win7上尝试过并且有效。我以前也遇到过这样的问题。 右键单击计算机,选择属性,高级系统设置并编辑环境变量。

                              【讨论】:

                                【解决方案22】:

                                尝试重新安装离子

                                npm install ionic -g
                                

                                【讨论】:

                                  【解决方案23】:

                                  卸载 ionic npm 包,然后清除 appdata 中的所有 npm 缓存,然后安装 ionic

                                  npm install -g ionic 
                                  ionic info
                                  
                                  • 您必须安装具有全局性的 ionic 包,因此请使用 -g
                                  • ionic info命令用于查看离子信息

                                  【讨论】:

                                    【解决方案24】:

                                    好吧,在尝试了许多类似这篇文章的答案并意识到我的环境变量也在那里之后,我运行了

                                    npm install -g cordova ionic
                                    

                                    从 Program Files 中的 nodejs 文件夹内部,以管理员身份使用 windows 提示符。

                                    最初我将它安装在 D:\ 分区的 dev 文件夹中。希望它可以帮助某人。

                                    【讨论】:

                                      【解决方案25】:

                                      您的设备中可能没有安装 ionic。 首先检查终端/ cmd,您是否安装了离子? 您可以使用以下命令进行检查:

                                      离子-v

                                      【讨论】:

                                        【解决方案26】:

                                        C:\Program Files\nodejs\bin 尝试将此添加到您的用户和环境变量,在环境变量下,然后关闭命令提示符窗口并打开。 我的问题解决了:)

                                        【讨论】:

                                          【解决方案27】:
                                          npm install -g cordova ionic
                                          

                                          然后

                                          ionic start myApp tabs
                                          

                                          然后

                                          cd myApp
                                          ionic serve
                                          

                                          【讨论】:

                                          • 一些额外的解释可能会有所帮助。为什么这能解决问题?!
                                          【解决方案28】:

                                          首先使用以下命令从项目中卸载离子模块。

                                          npm 卸载 -g 离子科尔多瓦

                                          然后分别安装ionic和cordova依赖如下。

                                          npm install -g 离子

                                          npm install -g 科尔多瓦

                                          【讨论】:

                                            【解决方案29】:

                                            请检查是否全局和本地都安装了ionic cli

                                            【讨论】:

                                            • 请检查sdk和jre的所有环境变量路径
                                            【解决方案30】:

                                            过程很简单

                                            1. 确保已安装 nodejs。 Install NodeJs
                                            2. 安装离子npm install -g ionic
                                            3. 创建一个项目ionic start sample

                                              您可以定义一个示例项目来创建(例如:标签)ionic start sample tabs。 要查看所有模板,只需运行 ionic templates

                                            4. 添加您需要的平台(Android 或 iOS)ionic platform add android

                                              记住,添加iOS平台,你需要一台安装了xcode的Mac

                                            5. 编译你的应用ionic build android

                                            如果您在安装 ionic 时遇到问题,请尝试使用管理员权限运行提示

                                            【讨论】:

                                              猜你喜欢
                                              • 1970-01-01
                                              • 2021-09-15
                                              • 2021-02-08
                                              • 1970-01-01
                                              • 2014-10-21
                                              • 2014-02-08
                                              • 2017-08-22
                                              • 1970-01-01
                                              • 1970-01-01
                                              相关资源
                                              最近更新 更多