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 node-sass@4.3.2 

 

最后感谢上面几位朋友的分享,同时也希望能帮助到其他小伙伴。

Logo

前往低代码交流专区

更多推荐