Table of contents
Errors encountered when installing dependencies:
Vue-element-admin complete package address:
When deploying and installing the vue-element-admin open source project, you will encounter various problems.
Here are some pits I encountered. . . . . .
Nodejs version:
The requirements for the nodejs version here are very high, not too high or too low. Usually this is the rendezvous point of the problem! ! ! !
I am using version 16.14.2. (It is strongly recommended to use nvm to install nodejs, which can be used flexibly to change the version)
#nvm下载地址
https://github.com/coreybutler/nvm-windows/releases
#下载完成后直接安装
nvm install 16.14.2
nvm use 16.14.2
Errors encountered when installing dependencies:
The easiest error to encounter here is when installing dependencies
There is no doubt that most of the problems similar to the following picture are due to network problems:
Most of the solutions on the Internet are:
Use the following command to replace ssh://git@ in the address with https://, which is possible but the problem is not that big.
git config --global url."https://".insteadOf git://Reinstall dependencies
npm install
There is no doubt that most of the reasons are network problems! ! ! At this time, you can use the mirror source of domestic Taobao to install, or turn on the VPN proxy to install, and you will not get stuck and report an error. It is recommended to open an agent installation, which will be more stable.
Start error:
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'
}When encountering the above error message, it is basically a problem with the nodejs version. It is recommended to use the 16 version I use here.
The 16 stable version runs and it's done.
Vue-element-admin complete package address:
http://47.101.212.166/vue-element-admin.zip (This file contains the entire project + files.)
In addition, I use a foreign server to install dependencies, and the startup project is very smooth and smooth.
The linux server can run directly after yuming npm, which is also very smooth, mainly due to nodejs and the built-in npm version.
There are many problems with the win version, but according to the above, don’t be lazy, the nodejs version is installed correctly, and then directly download the project I downloaded, and you can run it directly.
Attach a picture after startup:
