在 Angular 应用程序中解决 “'ng' 不是内部命令或外部命令” 的错误

问题描述

在使用 Angular CLI 创建项目或者执行一些常用的 ng 命令时,可能会遇到以下错误:

---- -----------

这个错误提示表明本地环境无法找到 ng 命令。这通常是由于 Angular CLI 没有添加到系统变量中。

解决方案

解决这个问题的方法是将 Angular CLI 添加到系统变量中。以下是详细的步骤。

步骤一:全局安装 Angular CLI

在开始之前,确保已经全局安装了 Angular CLI。如果没有安装,请在命令行中使用以下命令进行全局安装:

--- ------- -- ------------

步骤二:找到系统变量

在 Windows 系统上,可以打开“系统”、“高级系统设置”、“环境变量”找到系统变量。

在 MacOS 上,可以打开终端并使用以下命令找到系统变量:

---- ---------------

步骤三:编辑系统变量

在系统变量列表中,找到“Path”变量并双击打开编辑窗口。如果找不到“Path”变量,请创建一个新变量并命名为“Path”。

在“Path”变量的值列表中添加以下内容,以使用 ng 命令:

-------------

步骤四:保存和更新变量

完成编辑后,保存所有变量并关闭窗口。

重启命令行终端并尝试使用 ng 命令。如果出现任何错误,请重新启动您的计算机,以便变量生效。

现在,您可以使用 ng 命令了!下面是一个示例:

-- --- ------

此命令将创建一个名为“my-app”的新 Angular 应用程序。

总结

本文详细介绍了如何在 Angular 应用程序中解决“'ng' 不是内部命令或外部命令”的错误。为了解决这个错误,您必须将 Angular CLI 添加到系统变量中。希望这篇文章对您有所帮助,愉快地使用 Angular 吧!

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6500379d95b1f8cacde6943d


猜你喜欢

  • PWA 应用如何设计更好的交互效果?

    引言 PWA(Progressive Web Application) 是一种新型的同构应用解决方案,它基于 Web 技术栈,使得 Web 应用在离线情况下可以像原生应用一样具有交互和反应迅速的特性。

    1 年前
  • 在 Express.js 应用程序中使用 Multer 实现文件上传的教程

    作为全栈工程师,文件上传是前端开发中必须掌握的技能之一。而 Multer 是 Express.js 中常用的文件上传中间件之一,可适用于处理单个文件和多个文件上传。

    1 年前
  • Kubernetes 多租户模式的设计 —— 详解 Namespace 和 ResourceQuota

    Kubernetes(简称 K8s)是一个用于容器编排的系统,可以自动化地部署、扩展和管理容器化的应用程序。在实际生产环境中,需要对集群进行多租户的管理,以满足不同业务场景的需求。

    1 年前
  • MongoDB 内存优化方案汇总

    前言 MongoDB 是一个高性能、可扩展的 NoSQL 数据库,在应用程序中被广泛使用。MongoDB 的内存管理对于数据库的性能和稳定性至关重要。本文将介绍 MongoDB 内存管理的基础知识,并...

    1 年前
  • Cypress 测试之如何模拟文件上传?

    文件上传是网页中很常见的功能之一,然而在测试中却变得有些棘手。Cypress 是一个现代化的前端测试框架,能够对现代化的 Web 应用进行自动化测试。本文将会介绍在 Cypress 测试中如何模拟文件...

    1 年前
  • Mongoose 集合创建时自动生成索引的方法

    Mongoose 是 Node.js 的一款优秀的 MongoDB ORM 框架,提供了强大的模块化机制,使得在 Node.js 环境下进行 MongoDB 数据库操作更加简洁、方便、高效。

    1 年前
  • SSE 在 AngularJS 中的使用技巧分享

    SSE(Server-Sent Events)是 HTML5 中一个非常强大的技术,它不需要前端向服务器端不停地发送请求来获取最新数据,而是由服务器端向客户端推送数据,可以极大地减小服务器的压力,提高...

    1 年前
  • 解决 LESS 编译错误的方法

    LESS 是一种优秀的 CSS 预处理器,它可以扩展 CSS 的功能,使得 CSS 代码变得更加易于维护和管理。然而,有时候在编译 LESS 代码时会出现错误,这些错误可能会让人感到头痛,因为很难找出...

    1 年前
  • 面向 Web 性能优化的前端算法

    前言 在互联网时代,Web 页面已经成为人们获取信息和沟通交流的主要途径之一。随着 Web 应用的不断发展和演进,用户对于前端性能的要求也越来越高。因此,如何优化 Web 页面的性能,提高用户体验,已...

    1 年前
  • ECMAScript 2021 (ES12) 中的静态 import.meta 详解

    ECMAScript 2021 (ES12) 中的静态 import.meta 详解 在 ECMAScript 2021 (ES12) 新增的特性中,静态 import.meta 可以让开发者获取到一...

    1 年前
  • 如何使用 ES9 中的 Promise.allSettled() 处理异步事件

    在前端开发中,异步事件处理是不可避免的。经过多年的发展,JavaScript 的异步编程已变得越来越强大。ES9 的 Promise.allSettled() 使得异步事件处理更加便捷和高效。

    1 年前
  • GraphQL 中查询数据时遇到 Permission bug 怎么办?

    在 GraphQL 中,我们可以使用查询语句来请求服务器返回特定类型的数据。但是在实际开发中,我们可能会遇到一些权限问题,例如查询了一些敏感数据或者尝试访问没有授权的资源,这时候就需要对查询进行权限验...

    1 年前
  • SASS 与 CSS 之间的差异及转换工具介绍

    SASS 与 CSS 之间的差异及转换工具介绍 作为前端开发人员,我们都知道 CSS 是网页样式设计的主要语言。然而,伴随着前端技术的发展,出现了一种新型的样式语言:SASS。

    1 年前
  • 利用 Web Components 构建跨浏览器移动端 UI 组件库

    背景 Web 应用程序的复杂性越来越高,可重用的、独立的 UI 组件成为了应用程序设计和开发过程中的一个重要部分。虽然现在已经有很多优秀的 UI 组件库可以使用,但是很多情况下我们需要根据具体业务需求...

    1 年前
  • React 性能优化:虚拟 DOM、setState 异步更新等

    在前端开发中,性能优化一直是一个非常重要的话题。作为一个性能高度关注的框架,React 提供了很多优化的机制来确保应用的性能。本文将介绍 React 中的一些性能优化技巧,包括虚拟 DOM、setSt...

    1 年前
  • ES6 的 Symbol 类型在实际开发中的应用

    ES6的Symbol类型在实际开发中的应用 JavaScript作为一门动态语言,它的变量类型是比较灵活的。而在 ES6 中增加了一种新的基本类型 --- Symbol,它是一种程序中创建唯一标识符的...

    1 年前
  • 使用 PM2 快速搭建 Node.js 集群

    在前端开发中,我们经常需要搭建 Node.js 的服务,并且需要保证服务的稳定性和可靠性。为了满足这些要求,我们经常需要使用 PM2 来快速搭建 Node.js 集群。

    1 年前
  • Babel 环境配置中的 es2015 环境、es2016 环境以及 es2017 环境详解

    Babel 是一个 JavaScript 编译器,它可以将 ECMAScript 2015+ 代码转换为兼容 ECMAScript 5 的代码,从而使得现代 JavaScript 代码能够在旧版浏览器...

    1 年前
  • CI/CD 与 ESLint: 如何让 eslint 检验工程提交代码?

    前言:随着前端项目规模的不断扩大,代码风格的一致性和质量已成为每个开发者都必须关注的问题。在前端的 CI/CD 流程中,ESLint 可以帮助我们进行代码风格的检查,保证了工程的代码质量和可维护性。

    1 年前
  • ES8 中一些值得关注的新特性

    ES8(ES2017)是 ECMAScript 2017 的简称,于 2017 年 6 月发布。本文会介绍 ES8 中一些值得关注的新特性,包括且不限于异步函数、Object 属性遍历和字符串填充。

    1 年前

相关推荐

    暂无文章