vue-element-admin踩坑合集+完整包(项目源码 +依赖)

news2024/10/7 18:23:21

目录

Nodejs版本:

安装依赖时遇到的报错:

启动报错:

vue-element-admin完整包地址:


在部署安装使用vue-element-admin开源项目的时候,会遇到各种各样的问题。

这里是本人遇到的一些坑。。。。。。

Nodejs版本:

这里对nodejs版本要求很高,不能太高不能太低。一般这是问题的集合点!!!!

我使用的是16.14.2版本。(这里强烈推荐使用nvm安装nodejs,可以灵活更改版本使用)

#nvm下载地址
https://github.com/coreybutler/nvm-windows/releases


#下载完成后直接安装
nvm install 16.14.2
nvm use 16.14.2

安装依赖时遇到的报错:

这里最容易遇到的报错就是在安装依赖的时候

不用怀疑,大部分类似下图问题都是因为网络问题:

 网上大部分解决方法是:

使用以下命令,把地址里的ssh://git@ 换成 https://的目的,可以是可以但是问题也没那么大。

git config --global url."https://".insteadOf git://

再安装依赖

npm install

不用怀疑,极大部分原因都是网络问题!!!这时可以使用国内淘宝的镜像源安装,或者开启vpn代理进行安装,就不会卡住报错了。建议开代理安装,会比较稳。

启动报错:

INFO  Starting development server...
10% building 2/5 modules 3 active ...ndex.js!D:\VSCode\Vue\vue-element-admin\node_modules\eslint-loader\index.js??ref--13-0!D:\VSCode\Vue\vue-element-admin\src\main.jsError: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:140:10)
    at module.exports (D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\NormalModule.js:471:10)
    at D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\NormalModule.js:503:5
    at D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\NormalModule.js:358:12
    at D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at iterateNormalLoaders (D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
    at D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:236:3
    at runSyncOrAsync (D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
    at iterateNormalLoaders (D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
    at Array.<anonymous> (D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (D:\VSCode\Vue\vue-element-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
    at D:\VSCode\Vue\vue-element-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
node:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:140:10)
    at module.exports (D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\NormalModule.js:471:10)
    at D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\NormalModule.js:503:5
    at D:\VSCode\Vue\vue-element-admin\node_modules\webpack\lib\NormalModule.js:358:12
    at D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at Array.<anonymous> (D:\VSCode\Vue\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (D:\VSCode\Vue\vue-element-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
    at D:\VSCode\Vue\vue-element-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
    at D:\VSCode\Vue\vue-element-admin\node_modules\graceful-fs\graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

遇到上面的报错信息,基本是nodejs版本的问题,这里建议使用我使用的16版本。

16稳定版本运行就完事了。

vue-element-admin完整包地址:

http://47.101.212.166/vue-element-admin.zip      (这个文件包含整个项目+文件。)

另外还有就是本人使用国外的服务器安装依赖,启动项目很丝滑顺畅。

linux服务器yum了npm后可以直接跑起来,也很丝滑,主要就是nodejs以及自带的npm版本问题。

win版本问题较多,但是按照上面说的,别偷懒,nodejs版本安装对,再直接下载我下载好的项目,就可以直接跑起来了。

附上一张启动后的图片:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/495906.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【技术碎片】【Java】计算椭圆的外接矩形坐标

目录 前言原生实现&#xff08;错误方法&#xff09;精确实现&#xff08;数学解&#xff09;参考 前言 遇到一个需要计算一般椭圆&#xff08;斜椭圆&#xff09;的外接矩形坐标的问题&#xff0c;在此记录一下 已知椭圆的中心点坐标centerX centerY&#xff0c;椭圆的长轴&…

FPGA - 7系列 FPGA内部结构之CLB -02- CLB功能详解

前言 本文翻译自UG474第二章&#xff0c;主要对7系列FPGAs CLB结构进行详细介绍。这些细节对设计优化和验证很有帮助。 CLB 排列 CLB 在 7 系列 FPGA 中按列排列。 7 系列是基于 ASMBL架构提供的独特柱状方法的第四代产品。ASMBL 架构 Xilinx 创建了高级硅模块块 (ASMBL) 架…

【hello Linux】线程互斥

目录 1. 互斥量mutex 2. 互斥量的接口 2.1 初始化互斥量 2.2 销毁互斥量 2.3 互斥量加锁和解锁 2.4 互斥量实现原理探究 3. 可重入VS线程安全 4. 常见锁概念 5. 多线程抢票系统 Linux&#x1f337; 在介绍线程互斥前&#xff0c;我们先来看几个专业性术语&#xff1a; 【临界资…

边缘计算节点是啥?边缘计算与CDN有什么关系?一文带你了解边缘计算节点BEC

边缘计算节点是基于CDN边缘节点构建&#xff0c;覆盖全国大部分地区&#xff0c;三大运营商全覆盖。将算力下沉到各城市级节点&#xff0c;提供离用户更近的算力资源。 那么可能有些小伙伴会问&#xff0c;CDN也是就近为用户提供服务&#xff0c;边缘计算节点和CDN有什么不同呢…

时序数据利用EEMD_LSTM模型进行预测(Python编程,数据集和代码均在压缩包,解压缩后可以直接运行,数据可以替换为股票数据,交通流量等时序数据)

运行效果(为减少录屏时间&#xff0c;视频中epoch设置为30&#xff0c;改为100效果更佳):利用EEMD_LSTM模型对时序数据进行预测&#xff08;视频中epoch为30&#xff0c;当为100 的时候效果更佳&#xff09;_哔哩哔哩_bilibili 1.数据介绍&#xff1a;以每天为间隔的时序数据 …

达梦:dts工具迁移mysql decimal(65,30)的字段,报精度超出定义

本文旨在分享迁移MySQL decimal字段​​​​​​​时遇到“精度超出定义”问题时&#xff0c;如何理解MySQL和达梦对于decimal 等这一类数值数据类型。 1.了解达梦的数值数据类型定义 ​​​​​​​​​​​​​​NUMERIC 类型 语法&#xff1a;NUMERIC[(精度 [, 标度])]功…

HBase基础

HBase基础 一、初识HBase HBase 是一个面向列式存储的分布式数据库&#xff0c;其设计思想来源于 Google 的 BigTable 论文。HBase 底层存储基于 HDFS 实现&#xff0c;集群的管理基于 ZooKeeper 实现。HBase 良好的分布式架构设计为海量数据的快速存储、随机访问提供了可能&…

实验二 存储器管理

实验二 存储器管理 实验目的&#xff1a; 理解各类置换算法的原理和虚拟存储器管理的方法。 实验内容&#xff1a; 编程实现LRU算法或CLOCK/改进算法等置换算法&#xff08;二选一&#xff09;&#xff0c;模拟实现虚拟存储器的地址变换过程。 实验步骤&#xff1a; 1…

C++之虚函数原理

对象数据和函数的存储方式 注意说的是对象。 C中的对象存储方式是 每个对象占用的存储空间只是该对象的数据部分&#xff08;虚函数指针和虚基类指针也属于数据部分&#xff09;&#xff0c;函数属于公共部分。 虚函数表 虚函数是通过虚函数表实现的。 C实现虚函数的方法是…

open3d io操作

目录 1. read_image, write_image 2. read_point_cloud, write_point_cloud 3. 深度相机IO操作 4. Mesh文件读取 1. read_image, write_image 读取jpg. png. bmp等文件 image_io.py import open3d as o3dif __name__ "__main__":img_data o3d.data.JuneauIma…

Redis持久化---RDBAOF

目录 一、什么是持久化&#xff0c;为什么要持久化&#xff1f; 二、RDB 2.1 配置文件 2.2 自动触发 2.3 手动触发 2.4 RDB优缺点 2.5 如何修复dump.rdb文件 2.6 哪些情况会触发快照 && 如何禁用RDB&#xff1f; 三、AOF 3.1 什么是AOF&#xff1f; 3.2 AO…

(四)Kubernetes - 手动部署(二进制方式安装)

Kubernetes - 手动部署 [ 3 ] 1 部署work node1.1 创建工作目录并拷贝二进制文件1.2 部署kubelet1.2.1 创建配置文件1.2.2 配置文件1.2.3 生成kubelet初次加入集群引导kubeconfig文件1.2.4 systemd管理kubelet1.2.5 启动并设置开机启动1.2.6 允许kubelet证书申请并加入集群 1.3…

猫狗训练集训练报错:Failed to find data adapter that can handle input

这里写自定义目录标题 Jupyter Notebook6.5.4 tensorflow 2.12.0 pillow 9.5.0 numpy 1.23.5 keras 2.12.0 报错详细内容&#xff1a; ValueError: Failed to find data adapter that can handle input: (<class ‘tuple’> containing values of types {“<class ‘k…

Midjourney关键词分享!附输出AI绘画参考图

Midjourney 关键词是指用于 Midjourney 这个 AI 绘画工具的文本提示&#xff0c;可以影响生成图像的风格、内容、细节等。Midjourney 关键词有一些基本的语法规则和套用公式&#xff0c;也有一些常用的风格词汇和描述词汇&#xff0c;这里我以10张不同风格和类型的美女图为例&a…

windows 下Node.js 版本管理工具

目录 1、概述&#xff1a; 2、下载安装 3、nvm命令 4、如何安装不在可用列表里面的版本 1、概述&#xff1a; 不同项目使用的nodejs版本和依赖等不同&#xff0c;需要进行nodejs的版本切换&#xff0c;使用nvm可以方便的切换当前的nodejs版本 windows可以使用 nvm-window…

AP360X 可充电多功能LED手电筒与移动照明控制ic和应用方案

产品展示 线路图如下&#xff1a; ​ AP360X芯片应用原理图和扩容1.8A应用&#xff1a; ​​ 1&#xff0c;产品介绍 AP360X 系列产品是一款多种模式可选 的单芯片 LED 手电筒控制芯片&#xff0c;集成了锂电 池充电管理模块、手电筒功能控制模块和保 护模块&#xff0c;关机…

剑指 Offer 34. 二叉树中和为某一值的路径 / LeetCode 113. 路径总和 II(深度优先搜索)

题目&#xff1a; 链接&#xff1a;剑指 Offer 34. 二叉树中和为某一值的路径&#xff1b;LeetCode 113. 路径总和 II 难度&#xff1a;中等 给你二叉树的根节点 root 和一个整数目标和 targetSum &#xff0c;找出所有 从根节点到叶子节点 路径总和等于给定目标和的路径。 …

身为程序员,你有哪些提高写代码效率的黑科技?

目录 1、Google/Stackoverflow——搜索解决方案的能力 2、低代码平台——提供可复用的轮子 3、人工智能——帮你写代码 4、学会话术——消除烦恼 5、 按时上下班&#xff0c;一周工作 5 天&#xff0c;养足精神以更高效地写代码。 首先&#xff0c;每个程序员都是会利用工…

GPU理解

什么是GPU GPU(Graphics Processing Unit)代表图形处理单元。该术语通常与图形卡或视频卡等术语互换使用。从技术上讲&#xff0c;GPU 是第三方显卡或主板上的主要图形处理芯片。 GPU 与 CPU不同。CPU 是中央处理器&#xff0c;它是计算机的主要大脑。GPU 专用于执行在计算机…

操作系统内存管理笔记

计算机的硬件设备 计算机的硬件设备中&#xff0c;有三个部件最为关键&#xff0c;它们分别是中央处理器CPU、内存和I/O控制芯片。 系统软件 系统软件可以分成两块&#xff0c;一块是平台性的&#xff0c;比如操作系统内核、驱动程序、运行库和数以千计的系统工具&#xff1…