目录
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版本安装对,再直接下载我下载好的项目,就可以直接跑起来了。
附上一张启动后的图片: