具有最新 Angular 版本的新 Angular 网站

Question

我已经在 Angular 8 网站上工作了一段时间，现在我要开始一个新网站，我想确保我使用的是 [= 的最新可用版本23=] 但是当我使用 CLI 创建一个新网站时，它似乎是 8 和 10 的混合。
当我尝试生成新网站时，我不断看到此错误消息：您的全局 Angular CLI 版本 (10.0.2) 高于本地版本版本 (8.3.22)。使用本地 Angular CLI 版本。

我怎样才能获得版本 10 上的所有内容？

这是“ng --version”的结果

Your global Angular CLI version (10.0.2) is greater than your local
version (8.3.22). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".
     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 8.3.22
Node: 12.14.1
OS: win32 x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.803.22
@angular-devkit/core         8.3.22
@angular-devkit/schematics   8.3.22
@angular/cli                 8.3.22
@schematics/angular          8.3.22
@schematics/update           0.803.22
rxjs                         6.4.0

如果我直接离开要创建项目的文件夹，我会在运行 ng --version

时得到这个

Angular CLI: 10.0.2
Node: 12.14.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1000.2
@angular-devkit/core         10.0.2
@angular-devkit/schematics   10.0.2
@schematics/angular          10.0.2
@schematics/update           0.1000.2
rxjs                         6.5.5

Answer 1

全球首先使用命令

全局卸载Angular CLI

npm uninstall -g angular-cli

然后使用命令全局安装

npm install -g @angular/cli

如果你想在本地（单个项目）执行此操作运行在项目文件夹中执行相同的命令而不需要 -g。

Answer 2

如果您在同一个 Angular 8 网站上工作，但仅将 CLI 升级到 v10，那么您可能会遇到此问题。您需要使用

更新项目的当前本地版本

ng update @angular/core @angular/cli

如果您正在尝试生成一个新项目，您应该不会遇到任何问题。但如果您仍然遇到问题，最好的方法是卸载您的 cli 并重新安装。

卸载：

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

将节点更新到最新

重新安装您的 angular Cli

npm install -g @angular/cli@latest

然后尝试生成一个新项目

请注意 -g 很重要，目前，在安装最新的 Angular CLI 时，您可能错过了 -g（表示全局）

Answer 3

其实很简单..

首先输入以下命令检查全局安装的版本

npm list -g --depth=0

确保你有 angular 10.x.x 但如果没有，则卸载旧的 angular cli 版本并使用以下命令全局重新安装它

npm install -g @angular/cli

这样做之后，您可以使用以下命令开始一个新项目

ng new "your app name"

稍后将您的 src 文件夹移动到您刚创建的新项目并运行

ng serve

祝你好运！

Answer 4

感谢这个 post 我已经解决了这个问题。

原来我之前已经将软件包安装到我的主目录中。一旦我从 C:\Users\MyUsername 中删除了节点模块和 package-lock.json 文件，一切就开始按预期运行了！感谢您的帮助

具有最新 Angular 版本的新 Angular 网站

New Angular website with newest Angular version

angular-cli

angular