首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ng构建失败并显示"You are running version v8.11.3 of Node.js,is not supported by Angular CLI 8.0+“。

问题分析

你遇到的错误信息表明你当前使用的Node.js版本(v8.11.3)不被Angular CLI 8.0及以上版本支持。Angular CLI对Node.js的版本有一定的要求,通常需要较新的版本才能正常工作。

基础概念

  • Node.js:一个基于Chrome V8引擎的JavaScript运行时环境,用于构建快速、可扩展的网络应用。
  • Angular CLI:Angular的命令行工具,用于自动化开发任务,如生成项目结构、构建应用、运行测试等。

相关优势

  • Node.js:具有非阻塞I/O和事件驱动的特性,适合构建高性能的网络应用。
  • Angular CLI:提供了一套完整的工具链,简化了Angular应用的开发和维护。

类型

  • Node.js版本:有多个版本,如v8.x、v10.x、v12.x、v14.x等。
  • Angular CLI版本:与Angular框架版本相对应,通常需要较新的Node.js版本。

应用场景

  • Node.js:适用于服务器端开发、构建工具、实时应用等。
  • Angular CLI:适用于Angular框架的开发,包括单页应用(SPA)的构建。

问题原因

你当前使用的Node.js版本(v8.11.3)不被Angular CLI 8.0及以上版本支持。Angular CLI 8.0及以上版本需要Node.js 10.13或更高版本。

解决方法

  1. 检查当前Node.js版本
  2. 检查当前Node.js版本
  3. 更新Node.js版本: 你可以使用Node Version Manager(nvm)来管理多个Node.js版本。以下是使用nvm更新Node.js的步骤:
    • 安装nvm(如果尚未安装):
    • 安装nvm(如果尚未安装):
    • 安装Node.js的最新LTS版本:
    • 安装Node.js的最新LTS版本:
    • 切换到安装的LTS版本:
    • 切换到安装的LTS版本:
  • 验证Node.js版本
  • 验证Node.js版本
  • 确保输出的是Node.js 10.13或更高版本。
  • 重新运行Angular CLI命令
  • 重新运行Angular CLI命令

示例代码

以下是一个简单的示例,展示如何使用nvm更新Node.js版本:

代码语言:txt
复制
# 安装nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

# 安装Node.js的最新LTS版本
nvm install --lts

# 切换到安装的LTS版本
nvm use --lts

# 验证Node.js版本
node -v

参考链接

通过以上步骤,你应该能够解决Node.js版本不兼容的问题,并成功运行Angular CLI命令。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 如何在 Windows 上安装 AngularAngular CLINode.js构建工具指南

    如何在 Windows 上安装 AngularAngular CLINode.js构建工具指南 本文翻译自How to Install Angular on Windows: A Guide to...Angular CLI, Node.js, and Build Tools,作者为Ahmed Bouchefra 在本教程中,我们将学习如何在 Windows 中安装 Angular CLI 使用它来创建...与当今大多数现代前端工具一样,Angular CLI 构建Node.js 之上。 Node.js 是一种服务器技术,允许您在服务器上运行 JavaScript 构建服务器端 Web 应用程序。...让我们首先检查已安装的 CLI 的版本: $ ng version 如下图所示: 您可能需要运行的第二个命令是 help 命令,用于获取完整的使用帮助: $ ng help CLI 提供以下命令...请参阅https://update.angular.io/ version (v): 输出 Angular CLI 版本。 xi18n: 从源代码中提取 i18n 消息。

    46000

    如何使用Angular CLI和PM2运行Angular应用程序

    Angular CLIAngular框架的命令行界面,用于在开发过程中在本地创建,构建和运行应用程序。 它旨在在开发服务器上构建和测试Angular项目。...$ node -v $ npm -v 检查Node.js和NPM版本 第2步:安装Angular CLI和PM2 接下来,使用npm包管理器安装Angular CLI和PM2 ,如图所示。...#install PM2 第3步:使用Angular CLI创建Angular项目 现在进入服务器的webroot目录,然后使用Angular CLI创建,构建和提供Angular应用程序(称为sysmon-app...$ cd sysmon-app $ sudo ng serve 使用Angular CLI提供Angular App 从ng serve命令的输出中,您可以看到Angular应用程序未在后台运行,您无法再访问命令提示符...$ pm2 start "ng serve" --name sysmon-app 永远运行Angular App 接下来,要访问应用程序的Web界面,请打开浏览器使用地址http://localhost

    2.9K40

    Angular基础-搭建Angular运行环境

    这篇文章介绍了在Angular项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Angular CLI工具、安装angular-router、创建Angular项目等步骤。...控制台查看Node.js版本: node -v // 显示node.js版本npm -v // 显示npm版本 如果出现版本号则说明安装成功。 成功显示版本说明安装成功。...Angular CLI 除了包含 Angular 本身,还提供了一套项目搭建和开发的工具,例如项目初始化、开发服务器、构建工具等。...一旦安装完成,您可以使用 ng new 命令来创建新的 Angular 项目,并且可以通过 Angular CLI 提供的各种命令和配置来进行项目开发和管理。...命令行输入 npm i -g @angular/cli@15 三、创建Angular项目 安装完成后我们新建一个项目,这里我的项目叫 empower-cloud-assistant,输入命令: ng new

    14732

    使用 Github Actions 自动部署 Angular 应用到 Github Pages

    整个项目中所涉及的 npm 命令,我们可以通过查阅项目的 package.json 文件中的 scripts 节点进行查看 这里通过 Angular CLI 创建的项目可以通过 ng build 命令来完成项目的打包发布...应用来说,我们完全可以使用社区提供的 angular-cli-ghpages 插件来简化这个操作 首先我们需要通过 npm 将插件安装到需要部署的程序中 ng add angular-cli-ghpages...安装完成之后,我们就可以通过 ng deploy 命令来完成部署,插件会自动把打包生成的文件发布到 github 上,创建一个 gh-pages 分支作为 github page 显示的站点 ng...ng deploy 命令即可 { "name": "ingos-admin", "version": "1.0.0", "scripts": { "ng": "ng", "...环境 =》还原依赖 =》部署发布 对于拉取代码以及安装 node.js 环境,我们可以使用 github 官方的 action 来简化我们的脚本,因为我们在每次构建时都需要执行 npm install

    1.4K10

    Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目

    前言:   最近一直在使用阿里的NG-ZORRO(Angular组件库)开发公司后端的管理系统,写了一段时间的Angular以后发现对于我们.NET后端开发而言真是非常的友善。.../docs GitHub地址: https://github.com/angular/angular Angular CLI命令参考手册: https://angular.cn/cli...ngOnInit() 在 Angular 第一次显示数据绑定和设置指令/组件的输入属性之后,初始化指令/组件。 在第一轮 ngOnChanges() 完成之后调用,只调用一次。...相关开发环境: Angular-CLI构建工具(脚手架工具)安装说明: Angular-CLI详细简介:https://www.jianshu.com/p/3d17d5ee1951 全局安装脚手架工具:...Angular项目创建运行: 通过Angular脚手架创建一个新的项目: 在终端(win+r 输入cmd)中打开E:\Angular 文件目录,输入一下命令新建项目: ng new MyAngularProject

    2.8K20

    Angular10配置webpack打包 「详细教程」

    使用CLI创建一个新的Angular项目 从零搭建Angular10项目 先决条件 在开始之前,请确保你的开发环境已经包含了 Node.js® 和 npm 包管理器。...第一步:安装 Angular CLI 你要使用 Angular CLI 来创建项目、创建应用和库代码,执行多种开发任务,比如测试、打包和发布。 全局安装 Angular CLI。...使用 CLI 命令 ng serve 启动开发服务器,带上 --open 选项。...ng serve --open 1 ng serve 命令会自动启动服务器,监视你的文件变化,当你修改这些文件时,它就会重新构建应用。...它们在屏幕上显示数据、监听用户输入,根据这些输入采取行动。 作为初始应用的一部分,CLI 也会为你创建第一个 Angular 组件。它就是根组件,名叫 app-root。 打开 .

    5K20

    Angular CLI 使用教程指南参考

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本....基本用法 你可以通过 Angular CLI 的 help 命令来获取相关的命令信息. ng help Angular CLI的命令关键字为 ng ng new 命令 描述 ng new <project-name...将自动完成功能添加到ng命令的shell中 ng doc 命令 描述 ng doc 在浏览器中打开Angular文档搜索当前关键字 ng e2e 命令 描述 ng e2e 使用...CLI配置中设置值 默认情况下,如果在项目内部运行,则设置项目配置中的值,如果不在项目内部,则失败。...参数 描述 --message= 构建并提交信息.默认为 "new gh-pages version" --environment= angular 环境构建

    3K50

    Angular 工具篇之npx及angular-cli-ghpages

    一次性执行外部库 对于不经常使用的全局二进制文件,你可以不在本机上进行全局安装,而是在需要时使用 npx 即时下载执行二进制文件。...这是构建工具(如 Create React App 或 webpack CLI)所使用的方式。它确保你始终使用最新版本的生成器或构建工具,而无需在每次使用它时进行升级。.../dist/main.js angular-cli-ghpages 在使用 angular-cli-ghpages 前,请确保本地已经安装了 Node.jsAngular CLI。...前,你需要进行项目构建,这时你可以执行以下命令: $ ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY_NAME/"...或者使用以下命令: $ ng build --prod --base-href "/REPOSITORY_NAME/" 在项目构建完成后,就可以通过以下的命令自动地把本地项目发布到 Github Pages

    1.9K20

    干货 | 一文搞懂在AlmaLinux上安装Angular JavaScript框架

    借助Angular,您的公司可以快速构建和部署Web应用程序和移动应用程序。如果您的公司认真考虑在竞争日益激烈的世界中保持竞争力,那么您将需要考虑将Web应用程序和/或移动应用程序作为战略的一部分。...使用以下命令安装Node.js: sudo dnf install nodejs -y 安装了Node.js之后,是时候使用以下命令安装Angular了: sudo npm install -g @ angular.../ cli 以上安装完成后,请使用以下命令验证安装: ng --version 您应该看到已安装Angular的版本以及其他几个软件包(图A)。...Angular的应用程序,发出命令: ng new hello-world 使用默认值回答问题,您将回到bash提示符。...Angular已成功为该应用程序提供服务。 恭喜,您现在已为开发人员准备了Angular。在流行的框架的帮助下,让他们登录到服务器开始开发公司理想的Web或移动应用程序。

    1K20

    如何使诊断程序“通过CLI管理进程”显示“OK(正常)”?

    have different INI files for CLI and web) 在某些情况下,Web配置将禁用这些功能(例如,如果您有CLI和Web的不同INI文件) You can manually...test if Managing processes via CLI is supported by running the following command in your server: 您可以通过在服务器中运行以下命令来手动测试是否支持通过...via CLI: INFORMATIONAL not supported (optional) learn more then it means that it is not supported yet...管理进程:INFORMATIONAL not supported(可选)了解更多信息,则意味着它还不受支持(即使在CLI上)。...要查找原因找出解决此问题的方法,应运行以下命令(以Matomo用户身份从您的终端或SSH窗口),以使诊断显示OK: ps -e # Should return a list containing PID

    44010
    领券