欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS安裝版本問題解析

 更新時間:2024年02月27日 12:11:54   作者:覺醒法師  
這篇文章主要介紹了AngularJS安裝版本問題解析,在這需要注意在安裝前請確保自己安裝NodeJS環(huán)境版本為V18及以上,否則會因node版本問題導致項目無法正常運行,需要的朋友可以參考下

一、安裝

Angular CLI 腳手架安裝命令:

npm install -g @angular/cli

在安裝前請確保自己安裝NodeJS環(huán)境版本為V18及以上,否則會因node版本問題導致項目無法正常運行。

腳手架安裝后,已提示了當前node版本必須為18.13.0或大于20.9.0版本:

在node版本不一致情況下,創(chuàng)建項目會提示Node.js版本必須為v18.13,如下圖:

二、匹配版本

本人電腦上使用的node版本為v16,在不升級node版本情況下,可以考慮降低@angular/cli版本,地址:Releases · angular/angular-cli · GitHub

2.1 安裝命令

在Releases中找到對應版本進行安裝,命令如下:

npm install -g @angular/cli@16.2.6

此時則沒有版本問題提示了,如下圖:

2.2 創(chuàng)建項目

D:\workspace\web\angular>ng new hello-world
? Would you like to share pseudonymous usage data about this project with the Angular Team
at Google under Google's Privacy Policy at https://policies.google.com/privacy. For more
details and how to change this setting, see https://angular.io/analytics. Yes
Thank you for sharing pseudonymous usage data. Should you change your mind, the following
command will disable this feature entirely:
    ng analytics disable --global
Global setting: enabled
Local setting: No local workspace configuration file.
Effective status: enabled
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? SCSS   [ https://sass-lang.com/documentation/syntax#scss
 ]
CREATE hello-world/angular.json (2899 bytes)
CREATE hello-world/package.json (1042 bytes)
CREATE hello-world/README.md (1064 bytes)
CREATE hello-world/tsconfig.json (901 bytes)
CREATE hello-world/.editorconfig (274 bytes)
CREATE hello-world/.gitignore (548 bytes)
CREATE hello-world/tsconfig.app.json (263 bytes)
CREATE hello-world/tsconfig.spec.json (273 bytes)
CREATE hello-world/.vscode/extensions.json (130 bytes)
CREATE hello-world/.vscode/launch.json (470 bytes)
CREATE hello-world/.vscode/tasks.json (938 bytes)
CREATE hello-world/src/main.ts (214 bytes)
CREATE hello-world/src/favicon.ico (948 bytes)
CREATE hello-world/src/index.html (296 bytes)
CREATE hello-world/src/styles.scss (80 bytes)
CREATE hello-world/src/app/app-routing.module.ts (245 bytes)
CREATE hello-world/src/app/app.module.ts (393 bytes)
CREATE hello-world/src/app/app.component.html (23115 bytes)
CREATE hello-world/src/app/app.component.spec.ts (1006 bytes)
CREATE hello-world/src/app/app.component.ts (216 bytes)
CREATE hello-world/src/app/app.component.scss (0 bytes)
CREATE hello-world/src/assets/.gitkeep (0 bytes)
√ Packages installed successfully.
warning: LF will be replaced by CRLF in .editorconfig.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in .gitignore.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in .vscode/extensions.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in .vscode/launch.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in .vscode/tasks.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in README.md.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in angular.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package-lock.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app-routing.module.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.html.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.spec.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.module.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/index.html.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/main.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/styles.scss.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.app.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.spec.json.
The file will have its original line endings in your working directory
    Successfully initialized git.

2.3 運行項目

選擇項目目錄:

D:\workspace\web\angular>cd hello-world

運行hello-world項目命令如下:

D:\workspace\web\angular\hello-world>ng serve --open
? Would you like to share pseudonymous usage data about this project with the Angular Team
at Google under Google's Privacy Policy at https://policies.google.com/privacy. For more
details and how to change this setting, see https://angular.io/analytics. Yes
Thank you for sharing pseudonymous usage data. Should you change your mind, the following
command will disable this feature entirely:
    ng analytics disable
Global setting: enabled
Local setting: enabled
Effective status: enabled
√ Browser application bundle generation complete.
Initial Chunk Files   | Names         |  Raw Size
vendor.js             | vendor        |   2.35 MB |
polyfills.js          | polyfills     | 333.17 kB |
styles.css, styles.js | styles        | 230.92 kB |
main.js               | main          |  48.74 kB |
runtime.js            | runtime       |   6.52 kB |
                      | Initial Total |   2.96 MB
Build at: 2024-02-26T08:05:28.353Z - Hash: daa545468f767600 - Time: 33009ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
√ Compiled successfully.

運行結果下圖:

如上圖,項目可以正常運行了。

到此這篇關于AngularJS安裝版本問題的文章就介紹到這了,更多相關AngularJS安裝版本問題內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 使用AngularJS處理單選框和復選框的簡單方法

    使用AngularJS處理單選框和復選框的簡單方法

    這篇文章主要介紹了使用AngularJS處理單選框和復選框的方法,在AngularJS表單的基礎之上編寫起來非常簡單,需要的朋友可以參考下
    2015-06-06
  • Angular 2父子組件數(shù)據傳遞之@ViewChild獲取子組件詳解

    Angular 2父子組件數(shù)據傳遞之@ViewChild獲取子組件詳解

    這篇文章主要給大家介紹了關于Angular 2父子組件數(shù)據傳遞之@ViewChild獲取子組件的相關資料,文中通過示例代碼介紹的非常詳細,對大家具有一定參考學習價值,需要的朋友們下面來一起看看吧。
    2017-07-07
  • AngularJS使用ui-route實現(xiàn)多層嵌套路由的示例

    AngularJS使用ui-route實現(xiàn)多層嵌套路由的示例

    這篇文章主要介紹了AngularJS使用ui-route實現(xiàn)多層嵌套路由的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • 詳解angularJs中自定義directive的數(shù)據交互

    詳解angularJs中自定義directive的數(shù)據交互

    這篇文章主要介紹了詳解angularJs中自定義directive的數(shù)據交互,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • AngularJS 中的Promise --- $q服務詳解

    AngularJS 中的Promise --- $q服務詳解

    這篇文章主要介紹了AngularJS 中的Promise --- $q服務詳解方法的相關資料,需要的朋友可以參考下
    2016-09-09
  • Angular中管道操作符(|)的使用方法

    Angular中管道操作符(|)的使用方法

    通常我們需要使用管道實現(xiàn)對數(shù)據的格式化,下面這篇文章主要給大家介紹了關于Angular中管道操作符(|)的使用方法,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考借鑒,下面隨著小編來一起學習學習吧。
    2017-12-12
  • AngularJS刪除路由中的#符號的方法

    AngularJS刪除路由中的#符號的方法

    這篇文章主要介紹了AngularJS刪除路由中的#符號的方法的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-09-09
  • Angular2 之 路由與導航詳細介紹

    Angular2 之 路由與導航詳細介紹

    本篇文章主要介紹了Angular2 之 路由與導航詳細介紹,詳細的介紹了路由的用法,具有一定的參考價值,有興趣的可以了解一下
    2017-05-05
  • Angular.JS中select下拉框設置value的方法

    Angular.JS中select下拉框設置value的方法

    select 是 AngularJS 預設的一組directive。下面這篇文章主要給大家介紹了關于Angular.JS中select下拉框設置value的方法,文中介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。
    2017-06-06
  • AngularJS入門教程(二):AngularJS模板

    AngularJS入門教程(二):AngularJS模板

    這篇文章主要介紹了AngularJS入門教程(二):AngularJS模板,本文是系列文章的第三篇,本系列會用一個項目來講解AngularJS的使用,需要的朋友可以參考下
    2014-12-12

最新評論