Vue-element-admin ステッピング ピット コレクション + 完全なパッケージ (プロジェクトのソース コード + 依存関係)

目次

Nodejs バージョン:

依存関係のインストール時にエラーが発生しました:

開始エラー:

Vue-element-admin の完全なパッケージ アドレス:

---

vue-element-admin オープン ソース プロジェクトをデプロイおよびインストールすると、さまざまな問題が発生します。

ここでは私が遭遇した落とし穴をいくつか紹介します。。。。。。

Nodejs バージョン:

ここでのnodejsバージョンの要件は非常に高く、高すぎたり低すぎたりすることはありません。通常、これが問題の解決点です。！！！

バージョン16.14.2を使用しています。(nodejs のインストールには nvm を使用することを強くお勧めします。これにより、バージョンを柔軟に変更できます)

#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 サーバーは yuming npm の直後に実行でき、非常にスムーズですが、主な問題は、nodejs とそれに付属する npm のバージョンです。

Win バージョンには多くの問題がありますが、上記によると、怠惰にならずに、nodejs バージョンが正しくインストールされており、ダウンロードしたプロジェクトを直接ダウンロードすると、直接実行できます。

起動後に画像を添付してください: