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]