首页 > 其他分享 >如何卸载/升级Angular CLI?

如何卸载/升级Angular CLI?

时间:2023-05-19 18:11:35浏览次数:57  
标签:npm cli cache Angular source 卸载 uninstall angular CLI

@@node js 卸载 Angular CLI

当我尝试使用Angular CLI创建新项目时,请执行以下操作:

ng n app

我收到此错误:

fs.js:640返回binding.open(pathModule._makeLong(path),stringToFlags(flags),mode); ^ TypeError:路径必须是TypeError(本地)处的字符串或Buffer

如何升级或卸载Angular CLI?

angular  angular-cli  — 罗汉·阿里汉特(RohanArihant)
 source
<iframe data-google-container-id="a!2" data-google-query-id="CJOjou6Pgf8CFbFgDwId5a0L4g" data-load-complete="true" frameborder="0" height="185" id="aswift_1" marginheight="0" marginwidth="0" name="aswift_1" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-0985488874840506&output=html&h=185&slotname=6265911322&adk=3390361236&adf=749455052&pi=t.ma~as.6265911322&w=739&fwrn=4&lmt=1684490431&rafmt=11&format=739x185&url=https%3A%2F%2Fqastack.cn%2Fprogramming%2F39566257%2Fhow-to-uninstall-upgrade-angular-cli&wgl=1&uach=WyJXaW5kb3dzIiwiMTAuMC4wIiwieDg2IiwiIiwiMTEzLjAuNTY3Mi45MyIsW10sMCxudWxsLCI2NCIsW1siR29vZ2xlIENocm9tZSIsIjExMy4wLjU2NzIuOTMiXSxbIkNocm9taXVtIiwiMTEzLjAuNTY3Mi45MyJdLFsiTm90LUEuQnJhbmQiLCIyNC4wLjAuMCJdXSwwXQ..&dt=1684490430047&bpp=2&bdt=633&idt=228&shv=r20230517&mjsv=m202305160101&ptt=9&saldr=aa&abxe=1&cookie=ID%3D773067b1833040a1-22a67c23a4e000f9%3AT%3D1683682432%3ART%3D1683682432%3AS%3DALNI_MZqnMai1_OEEmzsHEqMUIa_RBoQww&gpic=UID%3D00000c03da801692%3AT%3D1683682432%3ART%3D1684490430%3AS%3DALNI_Ma42rgQ5Dy2lIS2dSTJV9JW1MgwOw&prev_fmts=0x0%2C255x600&nras=1&correlator=7454795175331&frm=20&pv=1&ga_vid=1592775251.1683682433&ga_sid=1684490430&ga_hid=610716116&ga_fc=1&rplot=4&u_tz=480&u_his=1&u_h=1080&u_w=1920&u_ah=1040&u_aw=1920&u_cd=24&u_sd=1&dmc=8&adx=483&ady=443&biw=1903&bih=937&scr_x=0&scr_y=3391&eid=44759876%2C44759927%2C44759842%2C31074199%2C31074687%2C31074690%2C44788442%2C44789779%2C44789815&oid=2&pvsid=3848295961082268&tmod=1141789661&uas=0&nvt=3&ref=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DYzgq2UHU5Gxb7E1crzDftEBsE50L9gPOPtsrnTaCAv6pIFeTEfk6XbdmwRTXyL_pPUbbYHydMXVUcCp-sFk19WV5leUm9DXhSYyWQl4D8ne%26wd%3D%26eqid%3Df2dc4ca600015cfb0000000464660ad1&fc=1920&brdim=1920%2C0%2C1920%2C0%2C1920%2C0%2C1920%2C1040%2C1920%2C937&vis=1&rsz=%7C%7CpeE%7C&abl=CS&pfx=0&fu=128&bc=31&ifi=2&uci=a!2&fsb=1&xpc=RXLb47wC97&p=https%3A//qastack.cn&dtd=999" width="739"></iframe>
6 使用npm uninstall -g angular-cli — ranakrunal16年
8 现在,使用npm uninstall -g @angular/cli (stackoverflow.com/questions/43070441/...— 杰里米·莫里茨

Answers:


278

使用以下命令进行卸载:

npm uninstall -g @angular/cli
npm cache clean --force

验证:ng --version / *您将收到错误消息,然后您已卸载* /

使用以下命令重新安装:

npm install -g @angular/cli

注意: -使用--force清理所有缓存-在Windows上使用管理员运行此命令 -在Mac上使用sudo($ sudo <command>

  • 如果您正在使用npm>5,则可能需要使用缓存验证。($ npm cache verify
  — 桑托什·皮莱
 source

11 请注意,Angular CLI已移至@ angular / cli:[sudo] npm install -g @ angular / cli — Osmund Francis
5 npm cache clean被npm cache verfy取代,所以看来 — Arnd Brugman
2 npm ERR!从npm @ 5开始,npm缓存会因损坏问题而自我修复,并且保证从缓存中提取的数据是有效的。如果要确保所有内容都一致,请改用“ npm cache verify”。 — NoamG '17
  如何卸载最新版本的angular cli并安装angular cli 1.6.1 — Ayyappa amara 18-1-21
3 @NaomG npm版本> 5不需要您清理缓存..但仍然可以在需要时运行npm cache clean --force — Ashish Yadav
27

以上所有解决方案都不对我有用。在Windows 7上,此方法有效:

安装快速环境编辑器并删除节点的所有条目,npm, angular-cli or @angular/cli

卸载node.js并重新安装。再次运行Rapid Environment Editor,并确保node.js和npm位于系统或用户路径中。使用以下命令卸载任何现有的ng版本:

npm uninstall -g angular-cli

npm uninstall -g @angular/cli

npm cache clean

删除C:\Users\YOU\AppData\Roaming\npm\node_modules\@angular文件夹。

重新启动,然后最后运行:

npm install -g @angular/cli

然后屏住呼吸并运行ng -v。如果幸运的话,您会得到一些爱。每次运行ng命令时,请屏住呼吸,因为ng运行良好后,“找不到命令”已神奇地复现了几次,我认为问题已解决。

  — 范·阿尔伯特
 source

  甚至更简单:stackoverflow.com/questions/43070441/…– — 杰里米·莫里茨
15

运行以下命令以获取最新的角度

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@latest
npm install
  — 斯坦利·莫拉拉(Stanley Mohlala)
 source

6

删除全球参考

npm uninstall -g angular-cli
npm cache clean
  — 
 source

  但是错误是一样的。有没有人对fs.js:640返回的任何解决方案return binding.open(pathModule._makeLong(path),stringToFlags(flags),mode); ^类型错误:路径必须在Object.fs.openSync是在类型错误(天然的)的字符串或缓冲液(fs.js:640:18)在Object.fs.readFileSync(fs.js:508:33) — RohanArihant
  这是一个非常普通的错误,可能是任何原因,缺少依赖项或配置错误。最好在github.com/angular/angular.js/issues上问这个问题。上面的BTW是卸载angular的方法。 — AT
  在末尾添加“ --force”,不带单引号。 — 戴尔
4

Angular cli已移至@angular/cli,因此从github自述文件开始,

sudo npm uninstall -g @angular/cli
npm cache clean
  — 所有的Váиітy
 source

4

我最近在Mac上遇到了这个问题,不得不从中删除ng文件夹/usr/local/bin。距今很久,我安装了Angular CLI,但我不完全确定最初的安装方式。

  — 雅索克
 source

2

要全局卸载它,只需运行以下命令:

npm uninstall -g @angular/cli

完成后,通过运行以下命令清除缓存:

npm cache clean

现在,要安装Angular的latset版本,只需运行:

npm install -g @angular/cli@latest

有关Angular CLI的详细信息,请查看Angular简介和CLI指南

  — 乌塔姆·库玛·米什拉(Uttam Kumar Mishra)
 source

1 您的所有三个答案都提到相同的链接。如果您有任何隶属关系,则需要添加披露信息。即使这样做,也请记住,过度自我宣传也可以视为垃圾邮件。看看如何不要成为垃圾邮件发送者 — Zoe
2

我尝试了以上所有方法,但仍然坚持在全球范围内发展。因此,我在powershell中运行Get-Command ng,然后很清楚我的问题是什么。过去,我大量使用纱线,所有旧的角度cli包也已全局安装在纱线存放位置。我已经删除了我的纱线缓存,这是一个很好的措施,但可能可以通过纱线更新全局角度cli。无论如何,我希望这可以帮助您提醒一些人,如果您使用yarn,那么ng等全局命令也可以位于npm放置它们的其他路径之外。

  — 拉菲
 source

2

常规解决方案,并不总是可行的:

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli

其他更激烈的解决方案:

  • Angular CLI全局卸载
npm uninstall -g @angular/cli
  • 卸载Node.jsnpm卸载
  • 删除与Node.js&相关的所有环境变量npm
  • 删除资料夹 C:\Users\<user>\AppData\Roaming\npmC:\Users\<user>\AppData\Roaming\npm-cache
  • 验证以下命令是否为ko:
ng version
npm -v
node -v
npm install -g @angular/cli
  • 最后,检查您的全局Angular CLI版本:
ng version
  — 维本
 source

1

很好地满足了上面的许多答案,即使我遇到了这样的问题,即我也无法在Mac OS 10.15.3上创建带有angular cli 9.1.0的新应用。通过卸载angular cli,清理缓存并重新安装angular cli可以解决我的问题。

npm uninstall -g @angular/cli

使用以下命令验证安装状态 ng --version

npm cache verify
npm install -g @angular/cli

立即尝试创建新应用,ng new my-app看看以上内容是否有帮助。

  — 古拉拉(Gururaj Birajdar)
 source

0

如果您是全局安装的,请使用以下命令,

 npm uninstall -g angular-cli
  — Ajith KP
 source

0

不是您问题的答案,而是您提到的问题的答案:

似乎您使用的angular-cli版本的配置文件错误。

在angular-cli.json文件中,尝试更改以下内容:

从:

  "environmentSource": "environments/environment.ts",
  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
  }

至:

  "environments": {
    "source": "environments/environment.ts",
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
  }
  — 加尔·塔米尔
 source

0

在升级到最新版本之前,我总是使用以下命令。如果用于Ubuntu前缀:“ sudo”

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@latest
  — 亚什万斯·乔达里·卡塔
 source

0
 $ npm uninstall -g angular-cli 
 $ npm cache clean 
 $ npm install -g angular-cli
  — 莱肯斯
 source

0

运行此命令

npm uninstall angular-cli
  — 朱利安·比奇(Julian Bici)
 source

-2

简单的解决方法,继续在你的项目中工作的意见线25的node_modules /角CLI /斌/ NG:

// Version.assertPostWebpackVersion();

直到正确固定为止。

  — 瓦迪姆
 source

1 使用npm uninstall -g angular-clI是更好的选择。 — Praveen Rana     转 https://qastack.cn/programming/39566257/how-to-uninstall-upgrade-angular-cli

标签:npm,cli,cache,Angular,source,卸载,uninstall,angular,CLI
From: https://www.cnblogs.com/wl-blog/p/17415973.html

相关文章

  • 在ubuntu 下怎么将eclipse添加到应用,同时有可以通过终端打开。
    1:将ubuntu添加到应用程序的方法:在终端中敲入:sudogedit/usr/share/applications/Eclipse.desktop在打开的GEdit中输入以下文本[DesktopEntry]Name=EclipseComment=Eclipse3.42IDEExec=/usr/java/eclipse/eclipse   <—这里改成你的eclipse的安装位置Icon=/usr/java/ecli......
  • dll防止卸载,以及阻止crt释放,等
    部分dll有时需要在进程中永久有效,如hook,正常的dll在程序退出时会释放dll,然后导致dll中的对象被释放(CRT清理)跟踪源码,可以看到在__DllMainCRTStartup中有调用_CRT_INIT释放资源,中间不可控,但是有一个异常捕获,尝试生成一个异常,但是简单异常的过滤条件无法满足改......
  • ZCL_REST_CLIENT
    IntroductionHistoryPublicMethodHANDLE_REQUESTProtectedMethod_HANDLE_REQUESTSample建立RESTfulAPIClass設定API路徑LogsAppendixSMICM各環境HostName,PortIntroductionZCL_REST_CLIENTRESTful-APIconsumerenhancement-自動記錄reque......
  • 使用sockjs-client 和 @stomp/stompjs 创建socket,断线重连机制
    importSockClientfrom'sockjs-client'constStomp=require('@stomp/stompjs')//方法createStompClient(){constthat=thisconstws=newSockClient(`/socket/api/socket-mq?access_token=${getToken()}`)this.stom......
  • 什么是 Angular 的 API Extractor?
    Angular的APIExtractor是一个用于生成和管理TypeScript库的API文档的工具。它的工作原理是通过分析TypeScript代码,并提取其中的公共API,生成清晰的文档以便开发者了解库的使用方式、函数、类、接口等。APIExtractor的工作流程如下:配置:首先,需要创建一个名为"api-e......
  • How to accelerate the process of preclinical studies of new medicines
    Accordingtothedrugdevelopmentprocess,newdrugdevelopmentcanbedividedintopreclinicalandclinicalstudies.Theformeristhesumofalltheresearchworkdoneonadrugbeforeitentersclinicaltrials,andthelatteristheresearchworkdone......
  • angular-devkit 中 build-angular 包的作用
    @angular-devkit/build-angular是AngularCLI的一个开发包,主要用于构建和打包Angular应用程序。它提供了一组命令行工具和可重用的构建流程,用于自动化构建和部署Angular应用程序。下面我们将介绍@angular-devkit/build-angular的作用和主要功能。作用@angular-devkit/b......
  • 什么是 Angular 应用的 browser Application bundles 和 server Application bundle
    我们在使用yarnrun启动Angular应用时,注意到browserApplication和serverApplicationbundle的生成:在Angular应用程序中,应用程序包含两个主要的部分:客户端应用程序和服务器应用程序。客户端应用程序是在Web浏览器中运行的Angular应用程序,而服务器应用程序是在服......
  • 什么是 Angular Ivy Partial compilation mode
    compilingwithAngularsourcesinIvypartialcompilationmode.AngularIvypartialcompilationmode是AngularIvy编译器的一种模式,它是为了优化Angular应用程序的性能而引入的。在这种模式下,编译器只会重新编译那些发生变化的部分,而不会重新编译整个应用程序。这种......
  • Zclip:复制页面内容到剪贴板兼容各浏览器
    WEB开发中,要让用户复制页面中的一段代码、URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,只需要轻轻一点这个复制按钮,内容将会被复制,然后用户可以粘贴到想粘贴的地方。 本文将结合实例讲解如何使用一款基于jQuery的插......