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

无法使用Angular CLI版本9.1.3 (和Node版本12.16.2)创建新的Angular应用

Angular CLI是一个命令行工具,用于快速创建、开发和部署Angular应用程序。根据给出的信息,无法使用Angular CLI版本9.1.3(和Node版本12.16.2)创建新的Angular应用。以下是可能导致此问题的一些常见原因和解决方法:

  1. 版本不匹配:确保使用的Angular CLI版本与Node版本兼容。可以尝试升级Angular CLI和Node版本,或者回滚到与Angular CLI版本9.1.3兼容的Node版本。
  2. 安装问题:请确认已正确安装了Angular CLI和Node.js,并且已将它们添加到系统的环境变量中。可以通过运行以下命令检查它们的版本:
  3. 安装问题:请确认已正确安装了Angular CLI和Node.js,并且已将它们添加到系统的环境变量中。可以通过运行以下命令检查它们的版本:
  4. 如果命令无法执行或显示错误,可能需要重新安装Angular CLI和Node.js。
  5. 依赖问题:某些情况下,可能存在依赖项冲突或损坏。可以尝试删除项目目录下的node_modules文件夹,并重新安装依赖项。可以使用以下命令执行这些操作:
  6. 依赖问题:某些情况下,可能存在依赖项冲突或损坏。可以尝试删除项目目录下的node_modules文件夹,并重新安装依赖项。可以使用以下命令执行这些操作:
  7. 这将删除旧的依赖项,并重新安装项目所需的依赖项。
  8. 网络问题:有时,由于网络问题,无法成功下载或安装所需的依赖项。可以尝试使用代理服务器或切换到其他网络环境,然后重新运行安装命令。
  9. 项目配置问题:如果问题仅在特定项目中出现,可能是由于项目配置的问题导致的。可以尝试创建一个全新的Angular项目,并检查是否可以成功使用Angular CLI创建应用程序。

如果以上方法都无法解决问题,请提供更多详细信息,例如错误消息或日志,以便能够更好地帮助您解决此问题。

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

相关·内容

如何使用Angular CLIPM2运行Angular应用程序

在本文中,我们将向您展示如何使用Angular CLIPM2 Node.js流程管理器运行Angular应用程序。 这允许您在开发期间连续运行应用程序。...$ node -v $ npm -v 检查Node.jsNPM版本 第2步:安装Angular CLIPM2 接下来,使用npm包管理器安装Angular CLIPM2 ,如图所示。...#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应用程序未在后台运行,您无法再访问命令提示符...终止正在运行Angular App 第4步:使用PM2永远运行Angular项目 要使应用程序在后台运行,请释放命令提示符,使用PM2为其提供服务,如图所示。

2.9K40

Angular 从入坑到挖坑 - Angular 使用入门

一、Overview angular 入坑记录笔记第一篇,完成开发环境搭建,以及如何通过 angular cli创建第一个 angular 应用。...四、Step by Step 4.1、通过 Angular CLI 创建第一个 Angular 应用 4.1.1、开发环境搭建 前提条件 node.js 版本高于 10.9.0 包含 npm 客户端 #...4.1.2、运行第一个 Angular 应用 通过 Angular CLI 命令来创建一个应用 ## 指定位置,创建 angular 应用 ng new my-app 常用命令参数 options...angular.json - 应用于当前工作空间一些默认配置以及供 angular cli 开发工具使用配置信息 browserslist - 项目所针对目标浏览器 3 karma.conf.js...↩ 2 现代浏览器支持某些原生 API,当用户使用版本浏览器或某些浏览器时并不支持,只要使用了 polyfills 这个库, 即可对于这些无法使用浏览器添加支持,使用方法也无需更改(PS:针对是原生

2K20
  • Angular CLI 使用教程指南参考

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 NPM 3 或更高版本....安装 要安装Angular CLI你需要先安装nodenpm,然后运行以下命令来安装最新Angular CLI: 注意:Angular CLI 需要Node 4.X NPM 3.X 以上版本支持...> [options] 创建一个 Angular 项目,默认在当前所在目录下 参数 描述 --dry-run -d 只输出要创建文件执行操作,实际上并没有创建项目 --verbose -v...init [options] 在当前所在目录下初始化一个 Angular 项目 参数 描述 --dry-run -d 只输出要创建文件执行操作,实际上并没有创建项目...版本, node 版本操作系统信息 参数 描述 --watch 继续运行测试.

    3K50

    如何使用Angular CLIPM2运行Angular应用程序

    Angular CLIAngular框架命令行界面,用于在开发过程中在本地创建,构建和运行应用程序。 它旨在在开发服务器上构建和测试Angular项目。...此外,它还支持轻松管理应用程序日志等等。 在本文中,我们将向您展示如何使用Angular CLIPM2 Node.js流程管理器运行Angular应用程序。...NPM后,可以使用以下命令检查其版本。...Angular CLI创建Angular项目 现在进入服务器webroot目录,然后使用Angular CLI创建,构建和提供Angular应用程序(称为sysmon-app,将其替换为应用程序名称...第4步:使用PM2永远运行Angular项目 要使应用程序在后台运行,请释放命令提示符,使用PM2为其提供服务,如图所示。

    2.2K30

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

    虽这么说,如果您正在使用 Angular 构建全栈 Web 应用程序,并且您喜欢使用 JavaScript 作为前端后端,则可能需要 Node.js 来创建后端部分。...有很多方法可以做到这一点,例如: 使用 NVM(Node版本管理器)在系统中安装使用多个版本node 使用对应操作系统官方包管理器 从官方网站安装它。 让我们保持简单并使用官方网站。...lint (l): 在给定项目文件夹中 Angular 应用程序代码上运行 linting 工具。 new (n): 创建一个工作区一个初始 Angular 应用程序。...当然,您可以为您项目选择任何有效名称。由于我们将创建一个全栈应用程序,因此我使用 frontend 作为前端应用程序名称。 如前所述,CLI 会询问您是否要添加 Angular 路由?...结论 在本教程中,我们了解了如何在 Windows 计算机上安装 Angular CLI,并使用它从头开始初始化一个 Angular 项目。

    42700

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

    今天本文两个主角是 npx 及 angular-cli-ghpages,npx 是 npm 5.2 引入了工具, 用于帮助我们执行 npm 二进制任务和加速我们工作流。...而 angular-cli-ghpages 这个工具,是用于帮助 Angular CLI 用户快速发布 Angular 应用到 Github Page。...当然你也可以运行下面的命令,进行进一步确认: $ which npx /Users/fer/.nvm/versions/node/v9.11.0/bin/npx 如果发现本地无法直接使用 npx,我们需要以全局方式安装一下.../dist/main.js angular-cli-ghpages 在使用 angular-cli-ghpages 前,请确保本地已经安装了 Node.js 及 Angular CLI。...你可以通过 Angular CLI 创建项目或在想要部署到 Github Pages 上 Angular 项目中使用 angular-cli-ghpages。

    1.9K20

    Angular2 :从 beta 到 release4.0 版本升级总结

    它标记出该模块拥有的组件、指令管道, 并把它们一部分公开出去,以便外部组件使用它们。 它可以向应用依赖注入器中添加服务提供商。 具体请参考官方文档。...组件迁移后,无法正确订阅事件 原因:angular(v4.0.0)中依赖注入,若在不同地方声明provider,则会创建不同实例。...升级angular-cli版本失败 原因:angular-cli版本升级后,对应webpack版本修改了默认disableHostCheck属性,导致ng serve --port会出现Invalid...无法从router里获取RouteParamsAPI。 原因:angular(v4.1.1)中,使用ActivatedRouteAPI获取路由信息。...使用angular-cli无法自定义webpackalias, 导致文件引入路径很长,如../../../shared/。

    8.2K00

    node-sass 埋坑记录

    后来,接手新项目中: Angular-CLI:v8.x 由于升级了 Angular 版本,同样也升级了 Angular-CLI 版本,导致 v8.x 版本 node 已经无法编译 angular 项目...,至少需要使用 node v10.x 版本。...无奈,升级了 node 版本,随之而来就是 node-sass v4.8.0 版本无法使用,又导致构建失败,所以又得安装新版本 node-sass。...到 v8.x 版本angular-cli v8.x 版本就需要依赖 node 到 v10.x 版本node-sass v4.8 只支持到 node v9 版本; 所以,当需要升级 angular...解决方案 能联网 先升级 angular 版本,再升级 angular-cli 版本 构建失败时,会提示请升级 node 版本,按提示升级,可通过 nvm 或手动下载新版本 node 继续构建时,node-sass

    4.3K10

    大漠穷秋:全面解读Angular 4.0核心特性

    @Angular/cli 我们需要有一个统一node.js模块把所有node工具集成在一起,Angular/cli就是这样一个平台。...命令行工具可以创建出里面所有的组件或概念,在生成目录结构过程中,还会生成代码模版。 但是Angular/cli也有一些“坑”。...在Windows下面,node-jyp这个包依赖于Visual Studio,node-sass这个node模块也被墙掉了。所以强烈推荐使用cnpm安装。...只要在构造函数里写需要应用到怎样属性,Angular会自动创建实例并注入class。 注射器也是一个树型结构,在每个标签上都有injector实例。...前端用户Angular做它前端框架,它实现了Angular1Angular2两个版本,选择范围比较广。可以利用它快速搭建应用框架。 今天分享到此结束,谢谢大家!

    2.1K50

    Angular基础-搭建Angular运行环境

    这篇文章介绍了在Angular项目中进行开发环境搭建关键步骤。包括node.js安装配置、安装Angular CLI工具、安装angular-router、创建Angular项目等步骤。...我们需要设置全局安装包目录路径、设置 npm 包缓存路径 安装目录下新建 “node_global”node_cache” 文件夹 创建完毕后,使用管理员身份打开cmd命令窗口,输入: npm...及Angular CLI工具 Angular CLI 是一个基于 Angular 官方脚手架工具,用于创建和管理 Angular 项目。...当执行 npm install @angular/cli 时,它会安装 Angular CLI 最新版本,并且这个版本中包含了 Angular 依赖。...一旦安装完成,您可以使用 ng new 命令来创建 Angular 项目,并且可以通过 Angular CLI 提供各种命令配置来进行项目开发管理。

    14532

    在Ubuntu 18.04上安装Angular图文详解

    接下来,我们将使用Angular CLI创建一个基本应用程序。 Angular应用程序基于Typescript。 Typescript基于Javascript,但有许多改进。...安装NodeJsNPM 要在Ubuntu 18.04上安装Angular,我们首先需要安装NodeJNode Package Manager(NPM)。...Angularjs应用程序 创建一个Angular应用程序 现在我们安装了Angular,我们可以为应用程序创建一个基本脚手架。...安装过程将开始下拉所需Angular模块,并为我们应用程序创建目录结构 运行我们申请 首先更改为我们应用程序创建目录。...您将看到您应用程序。如下图所示: 这只创建了一个非常基本Angular应用程序框架。 在本系列下几篇文章中,我们将了解它所创造内容。

    2.8K00

    angular5面试题_大数据面试题

    顺便科普一下,Angular最早期版本,也叫AnugularJS,使用javascript开发;版本,才叫Angular,也称为Angular2,使用typescript开发,AngularAngularJS...: 升级angular自身,以及依赖 ng version: 显示anuglar cli全局版本、以及本地angular cliangular code等版本 ng add: 新增第三方库。...会做2件事,1)基于npm安装node_modules, 2)自动更改配置文件,保证依赖正常工作 关于angular依赖注入(dependency injection) 依赖注入是Angular实现一种应用程序设计模式...关于angular编译,AOTJIT区别 每个Angular应用程序都包含浏览器无法理解组件模板。 因此,在浏览器内部运行之前,需要先编译所有Angular应用程序。...Promise Observable区别 首先新版本anuglar是推荐使用Observable(属于RxJS),其次,对于Observable对象,可以使用.toPromise()转化为Promise

    4.3K20

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

    通俗来说,声明周期函数就是组件创建,组件更新,组件销毁是会触发一系列方法。...[请求数据时使用] ngDoCheck() 检测,并在发生 Angular 无法或不愿意自己检测变化时作出反应。...://www.runoob.com/nodejs/nodejs-install-setup.html 安装成功后查看node版本node --version node -v ?...安装命令(只需要安装一次) npm install -g @angular/cli 或者 cnpm install -g @angular/cli --推荐使用速度较快 安装前最好是先NPM安装源切换成淘宝镜像...Angular项目创建并运行: 通过Angular脚手架创建一个项目: 在终端(win+r 输入cmd)中打开E:\Angular 文件目录,输入一下命令新建项目: ng new MyAngularProject

    2.8K20

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

    对于 Angular 项目,推荐使用 angular-cli 创建打包项目 Angular 会默认帮我们配置。...使用CLI创建一个Angular项目 从零搭建Angular10项目 先决条件 在开始之前,请确保你开发环境已经包含了 Node.js® npm 包管理器。...第一步:安装 Angular CLI 你要使用 Angular CLI创建项目、创建应用库代码,并执行多种开发任务,比如测试、打包发布。 全局安装 Angular CLI。...比如全局是否使用单引号,变量命名语法,每行最大字段数等等 应用项目文件 CLI 命令 ng new my-app 会默认创建名为 “my-app” 工作空间文件夹,并在 src/ 文件夹下为工作空间顶层应用生成一个应用骨架...除了在命令行中使用 CLI 之外,你还可以使用Angular Console 这样交互式开发环境,或直接在应用源文件夹配置文件中操作这些文件。

    5K20

    Angular 13 发布:全面弃用 View Engine

    版本核心更新包括不再支持旧编译渲染引擎 View Engine,全面支持新编译渲染引擎 lvy,以及不再支持 IE11,除此之外还有包括对 APF 以及 Angular CLI 等方面的更新和修改...Angular Package Format (APF) 更改 删除了旧输出格式,包括来自 APF View Engine 特定元数据; 使用最新版本 APF 构建库将不再需要使用 ngcc...结束对 IE11 支持 结束 IE11 支持后: Angular 可以通过原生 Web API 使用更现代浏览器功能; 可以删除 IE 特定 polyfills 代码路径使得应用程序更小,...Angular CLI 改进 Angular 13 项目中默认使用持久构建缓存,要启用此功能,可以在 angular.json 中添加如下配置: { "$schema": "......"environment": "all" } } ... } 框架更改依赖项更新 使用 ng new 创建应用程序默认使用 RxJS 7.4 版本使用

    2.8K20

    angular开发环境搭建及新建项目

    闲言少叙,下面来介绍开发环境搭建步骤: 开发环境搭建 1.安装nodenpm(其实只需要安装node,因为npm会跟随node一起安装) 首先百度node.js ,进入node.js官网: ?...安装完成后,可通过控制台cmd(win + r cmd),输入如下命令查看node.jsnpm版本,命令如下: //node 版本 node -v //npm版本 npm -v 如果安装成功,则会显示如下信息...3.安装angular/cli (只需要安装一次) angular/cli 是一个类似工具东西,具体我也没有深究,根据我使用一次直观感受,它作用就是,安装它后,我们可以通过各种不同命令行来实现...安装命令如下: //使用 npm安装 npm install -g @angular/cli //使用cnpm安装 cnpm install -g @angular/cli 可以使用npm或cnpm安装...关于angualr开发环境搭建和如何创建angualr项目,就写到这里啦,下面给出有关文档资料网盘链接: Angular介绍、安装Angular Cli创建Angular项目 预编译器Scss

    1.1K40

    用Angule Cli创建Angular项目

    Angular4.0来了,更小,更快,改动少 接下来为Angular4.0准备环境学会使用Angular cli项目 1.环境准备: 1)在开始工作之前我们必须设置好开发环境 如果你机器上还没有安装...然后我们可以通过node -vcnpm -v来分别查看nodecnpm安装版本结果 node -v cnpm -v 2)安装全局Angular cli cnpm install -g @angular.../cli 2.创建项目 打开终端窗口(这里我使用是webstormTerminal,也可以使用计算机自带powershell) ng new my-app 项目会很快创建完成,接下来你会看到...jquery --save 我们在项目中就添加了bootstrapjQuery,我们可以在node_modules文件夹中找到他们(这个文件夹放是第三方库); 然后我们需要操作.angular-cli.json...localhost:4200  这里你也可以修改默认端口: ng serve -p 3000 5)最后项目的打包    用angular cli创建项目会有很多文件,我们就需要打包后再发行: ng

    1.5K60

    移除 View Engine 转用 Ivy,盘点Angular 12重要更新

    移除 View Engine,转而使用 Ivy 从去年开始,Angular 就开始默认使用渲染编译工作管线 Ivy。...事实上,从 Angular 9 开始, Angular 应用程序就默认启用 lvy。...为了解决这个问题,Angular 官方团队发布了 lvy 函数库发布计划,应用程序开发可以直接使用 lvy。 据了解,目前绝大多数应用程序都在使用 lvy。...基于此,Angular 12 启动了加速转移计划,官方移除 View Engine,并且禁止使用 View Engine 创建应用程序功能,而且函数库专案将默认使用 Ivy。...在更新至 Angular 12 之后,应用会通过 ng update 进行更新并自动切换为 API。 提供相关工具,可使用最新算法将旧版本地化 ID 迁移为 ID。

    4.4K10

    怎样切换不同版本 Node

    例如,如果在一个版本 Node 上全局安装软件包,则该软件包将无法在其他版本 Node使用。...在 NVM( Angular CLI帮助下,你通过几个命令快速完成了升级: nvm install nvm use 安装并激活 v8.16.0,以便你可以在升级之前验证程序是否能够按预期工作...nvm install nvm use 安装并激活 v10.16.0 准备升级 全局安装 @angular/cli 包用来执行自动升级 Angular 程序 ng update 命令 npm install... npm start 来测试升级程序 n Node version manager n Node version manager 提供了一个更简单 CLI,用于在 Node 版本之间进行安装切换...全局安装 Angular CLI使用 ng update 对程序进行更新。最后程序在升级后开始测试。

    4.2K30
    领券