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版本安装对，再直接下载我下载好的项目，就可以直接跑起来了。

附上一张启动后的图片：

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

Nodejs版本：

安装依赖时遇到的报错：

启动报错：

vue-element-admin完整包地址：

猜你喜欢