本地運行vue-element-admin項目(windows10環境)

linux環境直接按照官網上走即可(https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#安裝)。因爲沒有問題發生,在這裏就不多說了。


下面進入正題:windows系統部署運行vue-element-admin項目

1、安裝nodejs及環境配置

安裝nodejs,參考文章:https://blog.csdn.net/cai454692590/article/details/86093297

尤其注意:環境變量配置部分,配置有誤,後面運行npm就會報錯:內存溢出

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 00007FF6C73AF04A v8::internal::GCIdleTimeHandler::GCIdleTimeHandler+5114
 2: 00007FF6C738A0C6 node::MakeCallback+4518
 3: 00007FF6C738AA30 node_module_register+2032
 4: 00007FF6C76120EE v8::internal::FatalProcessOutOfMemory+846
 5: 00007FF6C761201F v8::internal::FatalProcessOutOfMemory+639
 6: 00007FF6C7B32BC4 v8::internal::Heap::MaxHeapGrowingFactor+9556
 7: 00007FF6C7B29C46 v8::internal::ScavengeJob::operator=+24310
 8: 00007FF6C7B2829C v8::internal::ScavengeJob::operator=+17740
 9: 00007FF6C7B2E1B7 v8::internal::Heap::CreateFillerObjectAt+1175
10: 00007FF6C79BC5B3 v8::internal::interpreter::Interpreter::GetDispatchCountersObject+78451
11: 00007FF6C7311132 v8::internal::StackGuard::ArchiveSpacePerThread+52082
12: 00007FF6C73117F3 v8::internal::StackGuard::ArchiveSpacePerThread+53811
13: 00007FF6C73F1474 uv_dlerror+2436
14: 00007FF6C73F21D8 uv_run+232
15: 00007FF6C739128E node::NewContext+1390
16: 00007FF6C739189B node::NewIsolate+603
17: 00007FF6C7391D07 node::Start+839
18: 00007FF6C724935C node::MultiIsolatePlatform::MultiIsolatePlatform+604
19: 00007FF6C7DEA93C v8::internal::compiler::OperationTyper::ToBoolean+134796
20: 00007FFB6D204034 BaseThreadInitThunk+20
21: 00007FFB6E553691 RtlUserThreadStart+33
6.4.1

我當時就是,配置地址寫錯了。處理方法:刪除目錄的文件:C:\Users\Administrator\.npmrc

內存溢出問題,參考:(https://blog.csdn.net/u013772906/article/details/90287302

2、clone vue-elment-admin項目

git clone https://github.com/PanJiaChen/vue-element-admin.git

zip文件下載,就不多說了。

3、項目本地運行

# 進入項目目錄
cd vue-element-admin

# 安裝依賴
npm install

# 建議不要用 cnpm 安裝 會有各種詭異的bug 可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org

# 本地開發 啓動項目
npm run dev

命令行顯示如下信息,恭喜你,運行成功

瀏覽器訪問:http://localhost:9527


如果沒有出現以上頁面,建議繼續往下看看,說不定你也碰到了和我一樣的問題

(1)輸入npm install 報錯node-sass安裝失敗

通常node-sass安裝失敗是源有問題。

首先切換node-sass源(在當前項目下執行,表示更改了當前項目的默認npm源,以後都是採用這個源

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

安裝依賴

npm install

//或者

npm install node-sass

(2)輸入npm install 報錯npm ERR! Cannot read property 'match' of undefined

要解決這個問題,我們首先要了解兩個文件(package.json、package-lock.json)的功能。

package.json:保存當前項目對npm個庫包的依賴信息。

package-lock.json:執行npm install 之後會自動生成此文件,目的就是讓開發者知道只要你保存了源文件,到一個新的機器上、或者新的下載源,只要按照這個package-lock.json所標示的具體版本下載依賴庫包,就能確保所有庫包與你上次安裝的完全一樣。(詳情參考:https://www.cnblogs.com/wangweizhang/p/10530294.html

因此,當我們確實需要重新安裝依賴時,只需要刪除package-lock.json即可

假如你只是想安裝一兩個依賴(新增/切換版本)的話,我建議使用下面的命令,安裝成功之後,會同時package.json和package-lock.json文件。

npm install [email protected] 

 

最後感謝上面幾位朋友的分享,同時也希望能幫助到其他小夥伴。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章