目次
序文
彼だよ、彼だよ!
プロジェクト実行後のインターフェース:
プロジェクトアドレス:
vue-element-admin https://github.com/PanJiaChen/vue-element-admin
3日間取り組んで、3日間ミスをしてすごく落ち込んでいたのですが、今夜やっと解決しました!このブログがより多くの人に役立つことを願っています!
まず、ノードのバージョン、Webpack のバージョン、npm のバージョン、github 接続など、多くのエラーが発生します。
図に示すように、最初に発生したエラーが表示されます。
インターネット上で一般的な解決策はどれも私には役に立ちませんでした。私は自分でピースをつなぎ合わせ、インターネット全体の知恵を吸収してから、うまく実行できるようにしました。以下の説明から始めましょう。
詳細な解決策
1. 私のものは Mac システムですが、他のシステムにも適用できるはずです。github から直接ダウンロードしたプロジェクトの npm install でエラーが報告され続けるのはなぜですか? 多くのプラグインが更新されており、package.json に基づいて直接インストールすると多くのバージョンの問題が発生するためです。だからこそ問題が後を絶たないのです。次のすべてのステップに注意を払い、どのステップも見逃さないようにしてください。
2. まず、ノードと npm のバージョンを確認します。
npm -v
node -v
これは私のバージョンです:
今日は 2022.6.22 です。公式 Web サイトにアクセスして、node 16 をダウンロードしてください。16 バージョンすべてを使用できます。16 バージョンを使用していない場合は、ダウンロードするだけです| Node.js https://nodejs.org/zh-cn/ download/ . ダウンロード後、圧縮パッケージを開いて確実な方法でインストールします。元のパッケージが直接上書きされるため、npm で指定したバージョンを 再インストールする必要さえありません。
ノード環境を準備したら、次は私が提供したプロジェクトを使用します。もちろん、公式 Web サイトにアクセスして最新の圧縮パッケージ (現在 4.4.0) をダウンロードすることもできます。試してみたところ、うまくいきました。(ダウンロードしたプロジェクトを引き続き使用することもできますが、それが機能するかどうかはわかりません。最初に元のプロジェクトを使用してみてください):
リンク: https://pan.baidu.com/s/1MFzC_5ioKVMm348B0RoPDA パスワード: w4bk
解凍してvscodeで開きます。
VScode はプロジェクト ディレクトリでターミナルを開きます (ターミナルの開き方は誰も知りません。右上隅の 2 番目のボタンです)。次の操作により、プロジェクトの node_modules モジュールと package-lock.json が削除され、強制的にクリアされます。キャッシュ (提供したプロジェクトを使用するかどうかに関係なく、これら 3 つのステートメントを個別に実行しても問題はありません):
rm -rf node_modules
rm package-lock.json
npm cache clear --force
package.jsonの tui-editor 行を次のように変更します。
"@toast-ui/editor": "^3.1.3",
次に、src ->コンポーネント->MarkdownEditor->index.vueを変更します。
以下をせよ:
(1) 先頭のすべての import を次の 4 行に置き換えます。
import 'codemirror/lib/codemirror.css'
import '@toast-ui/editor/dist/toastui-editor.css'
import Editor from '@toast-ui/editor'
import defaultOptions from './default-options'
(2) 内部の getValue と setValue をそれぞれ getMarkdown と setMarkdown に置き換え、すべての tui-editor を @toast-ui/editor に置き換えます。
保存後、npm install を実行します。淘宝網ミラーを使用してインストールする方が速いです。
npm install --registry=https://registry.npm.taobao.org
エラーがないことがわかりました (警告は正常です!):
直接開始します。
npm run dev
✅緑だ、緑だ、やっと成功した、感動した。
⚠️注意事項
集中砲火を聞かずに cnpm install を使用してください。公式ドキュメントによれば、これにより多くの奇妙なエラーが発生することが示されています。これでは問題は解決しません。
集中砲火に耳を傾けず、Webpack とノードを盲目的にダウングレードしないでください。症状を治療しても根本原因を治療しないと、さらに多くのエラーが発生します。
以下のブログに感謝します。
npm ERR コード ELIFECYCLE ソリューション_普通のネットユーザーのブログ-CSDN ブログ_elifecycle npm